वर्डप्रेस का त्योहार
22 जनवरी, 2021

एक भाषा चुनें

This is an archive of the January 2021 event

ब्लॉक पैटर्न के साथ वर्डप्रेस संपादक का विस्तार

वर्डप्रेस ब्लॉक एडिटर वर्डप्रेस पोस्ट और पेजों के लिए जटिल सामग्री बनाने के अवसर प्रदान करता है। सामग्री रचनाकारों को एक बोझिल कार्य होने के लिए बार-बार समान जटिल ब्लॉकों को कॉन्फ़िगर करना मिल सकता है। सौभाग्य से, ब्लॉक पैटर्न पूर्व-कॉन्फ़िगर ब्लॉक और ब्लॉक के समूहों तक आसान पहुंच का एक तरीका प्रदान करते हैं। ब्लॉक पैटर्न अक्सर उपयोग किए जाने वाले ब्लॉक कॉन्फ़िगरेशन के लिए एकदम सही हैं। इस कार्यशाला में ब्लॉक संपादक में ब्लॉक पैटर्न के लिए मार्कअप उत्पन्न करने का तरीका और उस पैटर्न के लिए पंजीकरण कोड को प्लगइन या विषय में कैसे जोड़ा जाएगा। जबकि आवश्यक नहीं है, यह एक हाथ पर कार्यशाला होने का मतलब है । तैयारी निर्देश और स्टार्टर उदाहरण कोड समय से पहले प्रदान किया जाएगा ताकि अटेंडीज़ प्रस्तुति के साथ कोड कर सकते हैं ।

अध्यक्ष: डेज़ी ऑलसेन

समय: 2:00 am UTC
क्षेत्र: ओशिनिया
स्टेज: ग्लोबल स्टेज

अरे हर कोई। मैं डेज़ी ओल्सन हूँ. मैं स्वचालित के साथ एक डेवलपर संबंध रैंगलर हूं। मेरा प्राथमिक ध्यान वर्डप्रेस ओपन सोर्स समुदाय का समर्थन करने पर है। मैं वर्डप्रेस ब्लॉक संपादक की वास्तव में उपयोगी विशेषता के बारे में साझा करने के लिए यहां होने के लिए उत्साहित हूं। आप पहले से ही जानते हैं कि कभी-कभी गुटेनबर्ग के रूप में संदर्भित ब्लॉक संपादक का उपयोग वास्तव में उन्नत और दिलचस्प सामग्री लेआउट बनाने के लिए किया जा सकता है।

आज मैं ब्लॉक पैटर्न सुविधा के बारे में साझा करूंगा जिसे 2020 के अगस्त में वर्डप्रेस संस्करण 5.5 जोड़ा गया था, रिलीज के साथ कुछ वर्डप्रेस संस्करण 5.5। ब्लॉक पैटर्न सुविधा संपादक में लागू किया गया था। ब्लॉक पैटर्न सुविधा एक सूची तक पहुंच प्रदान करती है। ब्लॉक से बने एक पूर्व-निर्मित पैटर्न जो उपयोगकर्ताओं को अपनी सामग्री के लिए लेआउट को आसानी से बनाने और संशोधित करने की अनुमति देते हैं।

यह सुविधा मुख्य रूप से थीम और प्लगइन डेवलपर्स को अपने उपयोगकर्ताओं और ग्राहकों के लिए पूर्वनिर्धारित ब्लॉक कॉन्फ़िगरेशन बनाने की अनुमति देने के लिए उपलब्ध है। डिफ़ॉल्ट रूप से वर्डप्रेस में शामिल लोगों से परे, अत्यधिक अनुकूलन सामग्री बनाने के लिए सामग्री रचनाकारों को और भी अधिक विकल्प प्रदान करने के लिए अतिरिक्त ब्लॉक पैटर्न पंजीकृत किए जा सकते हैं।

उनकी वर्डप्रेस साइट। पंजीकृत ब्लॉक पैटर्न ब्लॉक पैटर्न जोड़ने से जोड़े जाने वाले अद्वितीय सामग्री के लिए तैयार पोस्ट या पृष्ठों में ब्लॉक के समूहों जैसे टेम्पलेट को जोड़ने का एक बहुत ही सरल तरीका प्रदान करते हैं, जो प्लगइन या थीम कार्यक्षमता का विस्तार करने के लिए साइट के ब्रांड के लिए अद्वितीय हैं। संभावनाएं अनंत हैं ।

मैं एक और ब्लॉक एडिटर सुविधा के बारे में बात करने के लिए साइडट्रैक करने के लिए एक पल लूंगा जो ब्लॉक पैटर्न के बारे में बात करते समय थोड़ा भ्रम पैदा कर सकता है। यह पुन: प्रयोज्य ब्लॉक सुविधा है। पुन: प्रयोज्य ब्लॉक ब्लॉक का एक ब्लॉक या समूह है जो किसी केंद्रीय स्थान से प्रबंधन की अनुमति देने के लिए सहेजा जाता है। पुन: प्रयोज्य ब्लॉक में किए गए परिवर्तन एक पूरी वेबसाइट पर ब्लॉक के हर उदाहरण पर लागू होंगे।

जब पुन: प्रयोज्य ब्लॉक संपादित किया जाता है, तो वे संपादन उस साइट पर किसी भी स्थान को प्रभावित करेंगे जहां संपादित पुन: प्रयोज्य ब्लॉक का उपयोग किया गया है। ब्लॉक पैटर्न, हालांकि, एक प्रारंभिक बिंदु के रूप में उपयोग किया जाता है और एक ही केंद्रीय प्रबंधन नहीं है। एक बार ब्लॉक पैटर्न को किसी पोस्ट या पेज पर जोड़ दिया जाता है, जो अब पंजीकृत ब्लॉक पैटर्न से जुड़ा नहीं है और ब्लॉक डालने के लिए उपयोग किए जाने वाले ब्लॉक पैटर्न को प्रभावित किए बिना संशोधित किया जा सकता है।

ब्लॉक पैटर्न ब्लॉक डालने या पैनल से उपयोग के लिए पंजीकृत हैं, वर्डप्रेस थीम कार्यों में कुछ काफी सरल कोड जोड़कर पीएचपी फ़ाइल या कस्टम प्लगइन में डॉट होते हैं। इस उदाहरण के लिए, हम एक साधारण प्लगइन में आवश्यक कोड जोड़ देंगे। ब्लॉक पैटर्न इंसर्टर को व्यवस्थित रखने के लिए ब्लॉक पैटर्न श्रेणियों को बनाने का विकल्प ब्लॉक पैटर्न के साथ ही पंजीकृत किया जा सकता है।

मैं भविष्य में सामग्री रचनाकारों के लिए चीजों को आसान रखने के लिए इस विकल्प का उपयोग करने की सलाह देता हूं। इस मामले में मैंने ए कैटेगरी नाम और ह्यूमन पठनीय लेबल के साथ ब्लॉक पैटर्न कैटेगरी दर्ज की है। श्रेणी की पहचान करने के लिए वर्डप्रेस द्वारा श्रेणी के नाम का उपयोग किया जाएगा। ध्यान दें, कि मैंने अपनी श्रेणी के नाम से डैश द्वारा अलग किए गए सभी निचले केस पात्रों का उपयोग किया है।

दूसरी संपत्ति में लेबल विशेषता के साथ एक सरणी होती है। यह उस श्रेणी के लिए एक मानव पठनीय लेबल प्रदान करता है जिसे ब्लॉक पैटर्न इंसर्टर पैनल में श्रेणी ड्रॉप डाउन मेनू में सूचीबद्ध किया जाएगा।

कोड, ब्लॉक पैटर्न में दो आवश्यक और दो वैकल्पिक गुण होते हैं। शीर्षक और सामग्री की आवश्यकता गुण हैं। विवरण और श्रेणियां वैकल्पिक हैं, लेकिन अनुशंसित हैं। शीर्षक उपलब्ध ब्लॉक पैटर्न की सूची में प्रदर्शित होने के लिए आपके ब्लॉक पैटर्न के लिए एक लेबल प्रदान करेगा। सामग्री पैटर्न के लिए प्रारंभिक ब्लॉक सामग्री शामिल है।

इस सामग्री का उपयोग ब्लॉक का प्रतिपादन बनाने के लिए भी किया जाएगा क्योंकि यह डालने या पैनल में सक्रिय थीम स्टाइल के साथ दिखाई देगा। आपके ब्लॉक पैटर्न की सामग्री के आधार पर, कुछ पात्रों से बचना आवश्यक हो सकता है, जैसे कि डबल और एकल उद्धरण वर्ण। इस कार्य में मदद करने के लिए ऑनलाइन कई उपकरण उपलब्ध हैं, onlinestringtools.com पर एक विकल्प के लिए यूआरएल यहां दिखाया गया है।

यहां आपको पूरा कोड दिखाई देता है जिसे किसी थीम या प्लगइन में जोड़ा जा सकता है। इस मामले में, मैंने प्रदर्शन उद्देश्यों के लिए एक सरल पैराग्राफ ब्लॉक उदाहरण जोड़ा है। मैंने अपने पंजीकरण कोड को एक यदि विवरण में भी लपेटा है ताकि पंजीकरण कोड का उपयोग केवल तभी किया जाएगा जब ब्लॉक पैटर्न कार्यक्षमता साइट पर मौजूद हो जहां कोड जोड़ा गया है, यह एक सुरक्षा के रूप में कार्य करेगा कोड को एक ऐसी साइट में जोड़ा जाना चाहिए जो वर्डप्रेस की इस अपेक्षाकृत नई सुविधा का समर्थन नहीं करती है?

ध्यान दें कि मैंने अपने ब्लॉक पैटर्न पंजीकरण कोड में जिन तारों को शामिल किया है, जैसे मेरा भयानक पैटर्न, या यह मेरा भयानक ब्लॉक पैटर्न है, उन्हें स्थानीयकरण कार्यों में लपेटा जाता है ताकि तारों को अन्य भाषाओं में अनुवादित किया जा सके।

किसी भी उपयोगकर्ता-सामना करने वाले तारों को कोडिंग करते समय यह एक सबसे अच्छा अभ्यास है। यह उदाहरण बेहद सरल है, लेकिन ब्लॉक पैटर्न दर्ज करने के लिए कुछ और जटिल ब्लॉक-आधारित लेआउट पंजीकृत करने के लिए आवश्यक सामग्री मार्कअप प्राप्त करने की प्रक्रिया को देखते हैं।

यहां हमारे पास एक बुनियादी वर्डप्रेस साइट है जो होम पेज पर इस प्रदर्शन के लिए बनाई गई थी। मैंने प्रत्येक कोर को जोड़ा है या वर्डप्रेस ब्लॉक पैटर्न में शामिल किया है। तो आप देखेंगे, हमारे पास दो बटन ब्लॉक पैटर्न जैसी चीजें हैं जिसमें दो बटन शामिल हैं जैसे कि यह पता चलता है, एक तीन बटन ब्लॉक पैटर्न।

और फिर यदि आप स्क्रीन के नीचे जाते हैं, तो आप देख सकते हैं कि हमारे पास कई अन्य विकल्प हैं, छवियों के साथ पाठ के दो कॉलम जैसी चीजें। हमारे पास बटन के साथ तीन कॉलम हैं। हमारे पास कुछ ऐसे हैं जो छवियां करेंगे। यहां हमारे पास कुछ ऐसा है जो छवि पर शीर्षक के साथ एक बड़े हेडर के लिए है।

और जैसा कि हम नीचे जारी है, आप और अधिक देख सकते हैं । और अंत में हमारे पास एक उद्धरण ब्लॉक पैटर्न है जो उस प्रकार की चीज का एक बहुत अच्छा उदाहरण है जिसके लिए आप ब्लॉक पैटर्न का उपयोग कर सकते हैं। सामग्री के साथ एक बहुत ही सुसंगत लेआउट बनाने के लिए जो आप बार-बार उपयोग कर सकते हैं, वास्तव में क्या आम होगा।

और कुछ प्रकार की साइटों का उपयोग क्या हो सकता है। इसलिए अब मैं नया पद सृजित करूंगा। मैं यहां नए और फिर पोस्ट करने के लिए जा रहा हूं । तो आदेश में यह शुरू करने के लिए । इस पोस्ट को वास्तव में केवल एक तरह से प्राप्त करने के रूप में शामिल है, मार्कअप आपको अपने ब्लॉक पैटर्न बनाने के लिए आवश्यकता होगी। तो बस के लिए, पोस्ट एक नाम देने के लिए, मैं कहूंगा कि यह एक ब्लॉक पैटर्न सेटअप है, और फिर मैं ब्लॉक बनाने शुरू कर सकते हैं ।

और मान लीजिए कि मैं इसे एक शीर्षक देना चाहता था।

ठीक है, मैं यहां एक और ब्लॉक जोड़ दूंगा। और शायद इस के लिए, हम शायद एक टीम पृष्ठ के कुछ प्रकार का निर्माण होगा । तो हम एक छवि की इच्छा हो सकती है । हम किसी प्रकार की जीवनी सामग्री की इच्छा हो सकती है। तो आप कह सकते हैं कि हम एक नाम रखने जा रहे हैं। हम एक शीर्षक के लिए जा रहे हैं । हम कह सकते है कि हम जीवनी के कुछ प्रकार के लिए जा रहे हैं ।

हम इस सामग्री पर कुछ स्वरूपण लागू कर सकते हैं, इसलिए मान लें कि हम उस नाम को बनाना चाहते हैं जिसे बाद के समय में बदल दिया जाएगा। हम शायद कह सकते हैं कि हम खिताब बनाना चाहते हैं ।

मान लीजिए कि हम शीर्षक को एक छोटा आकार बनाते हैं और फिर जीवनी सिर्फ वह सामग्री होगी जिसे हम कह सकते हैं कि हम इस शीर्षक को एक छोटी रेखा ऊंचाई बनाना चाहते हैं, शायद।

तो हम शायद कह सकते है लाइन ऊंचाई केवल एक होने जा रहा है । और फिर हम कह सकते हैं कि यहां पर, हमारे पास मीडिया क्या होगा । हमारी किसी तरह की छवि होगी । और आपके द्वारा स्थापित विषय के आधार पर, आपके पास शैलियों हो सकते हैं जो विशेष रूप से आपके विषय के लिए बनाए गए हैं। आप टेक्स्ट और बैकग्राउंड कलर्स और कई अन्य चीजें सेट कर सकते हैं जो आपकी थीम पर कुछ हद तक निर्भर कर सकती हैं, या और आपकी ब्लॉक श्रेणी में आप जिन ब्लॉकों का उपयोग करते हैं।

एक बात के लिए देखने के लिए इस अतिरिक्त पैराग्राफ होने से बचने की कोशिश है क्योंकि जब आप, जब हम बनाने के लिए जाना है, इस ब्लॉक पैटर्न के लिए सामग्री मिलता है, हम पाएंगे कि हम उन लोगों को हटाने की जरूरत है अगर वे मौजूद हैं । बस इतना है कि हम इस मीडिया क्षेत्र में कुछ है चलो आगे बढ़ो और देखो छवियों की किस तरह मैं अपने मीडिया पुस्तकालय में मिल गया है ।

तो बस इतना है कि हम एक उदाहरण है, चलो कहते है कि यह, इस मामले में, हम अभी तक हमारी टीम शुभंकर लग रहा था के साथ एक निर्देशिका बनाने जा रहे हैं । अब हमने इस छवि को जोड़ा है। मैं आगे जाने के लिए और यह एक थंबनेल बनाने की कोशिश जा रहा हूं । और हम कहते है कि मैं इस पर छवि है चाहता था, दाईं ओर और चलो देखते है और हम यहां क्या कर सकते हैं ।

शायद हम इसे छोटा बनाना चाहते हैं ताकि यह पृष्ठ पर इतनी जगह न ले जाए। और हम मानते है कि यह सिर्फ ब्लॉकों का एक बहुत, सरल समूह है । यह बहुत जटिल नहीं है । लेकिन आप इस विकल्प का उपयोग करके बेहद जटिल, पूर्ण पृष्ठ लेआउट जोड़ सकते हैं। यह लैंडिंग पृष्ठों की तरह चीजों के लिए अंक शुरू करने के लिए इस्तेमाल किया जा सकता है, उदाहरण के लिए ।

बिलकुल ठीक। तो यहां मेरे पास अपनी किताब है । मैं इस पूरा फोन करने जा रहा हूं और मैं आगे जाकर अपने ड्राफ्ट को बचाने जा रहा हूं ताकि मैं अपना काम न खो सकूं । अब, यहां सामग्री दिखाई नहीं दे रही है। तो अगर हम जिस तरह से देख सकते है कि यह देखो, जिस तरह से है कि यह देखने के लिए डिज़ाइन किया गया है, लेकिन हम निशान नहीं देख सकते हैं, कि वास्तव में यह बना रहा है ।

तो हम क्या करने की जरूरत है पता चलता है कि और ऐसा करने के लिए, हम यहां विकल्प है, जो अपनी स्क्रीन के ऊपरी दाहिने हाथ कोने में तीन छोटे डॉट्स है करने के लिए जा रहे हैं । और फिर हम, दृश्य संपादक से कोड संपादक को बदलने जा रहे हैं। और यह स्क्रीन बदल जाएगा। हम अभी भी हमारे शीर्ष, हमारे शीर्षक यहां देखेंगे, ब्लॉक पैटर्न की स्थापना की ।

इसे संपादित किया जा सकता है। मैं इस दृश्य में आपकी सामग्री को संपादित करने की सलाह नहीं दूंगा, जब तक कि आप एचटीएमएल से बहुत परिचित न हों और मार्क अप को ब्लॉक न करें क्योंकि आपकी सामग्री को तोड़ना काफी आसान होगा। वर्डप्रेस उस प्रारूप के बारे में बहुत विशिष्ट है जिसे इस जानकारी की आवश्यकता है। यदि हम देखते हैं कि इस ब्लॉक का मेकअप क्या है, तो हमारा ब्लॉक पैटर्न क्या बन जाएगा, आप देख सकते हैं, हम इस टिप्पणी के साथ शुरू करते हैं HTML जो डब्ल्यूपी कोलन हेडिंग कहता है।

यह है, अंत उपयोगकर्ताओं के लिए प्रदर्शित नहीं किया जाएगा, लेकिन WordPress इसे देखेंगे । यह फ्रंट फेसिंग कंटेंट के मार्कअप में होगा। लेकिन यह केवल इरादा है कि वर्डप्रेस को यह बताना है कि यह वास्तव में एक छोटा सा ब्लॉक है। तो हमने खोला कि कॉम के साथ ब्लॉक और एचटीएमएल ने टिप्पणी की, और हम इसे एचटीएमएल के ब्लॉक के साथ बंद कर देते हैं।

और उन दो टिप्पणियों के बीच में है कि ब्लॉक की वास्तविक सामग्री है । तो थोड़ा और अधिक जटिल उदाहरण मीडिया डैश पाठ है । हमारे मीडिया सामग्री ब्लॉक के लिए। और इस मामले में हमारे पास ब्लॉकों के पक्ष में ब्लॉक हैं। इसलिए हम ब्लॉक खोलते हैं। तो मुझे आगे बढ़ो और इसका चयन करें ताकि आप सभी उद्घाटन सामग्री देख सकें।

यहां कई, विशेषताएं और गुण सेट हैं। तो वास्तव में सच खोलने इतना है । इसलिए यह वर्डप्रेस को इस बारे में कुछ बताता है, यह इस सामग्री के साथ कैसे काम करने जा रहा है, यह वर्डप्रेस पर निर्भर है। और इस मामले में, हम केवल कोर ब्लॉक का उपयोग कर रहे हैं, कोई प्लगइन ब्लॉक नहीं है, लेकिन कुछ मामलों में आपके पास अतिरिक्त ब्लॉक हो सकते हैं जो आपके प्लगइन द्वारा जोड़े जाते हैं या कुछ मामलों में ब्लॉक विषयों में भी पंजीकृत किए जा सकते हैं।

तो इसके बाद, हमारे पास ब्लॉक की सामग्री है। और फिर इस ब्लॉक के अंदर, हम एक दूसरे ब्लॉक, एक पैरा ब्लॉक और वास्तव में दो पैरा ब्लॉक और फिर एक तिहाई था । और फिर एक बार उन सभी आंतरिक ब्लॉकों को पूरा कर लिया जाता है, फिर ब्लॉक, बाहरी ब्लॉक एचटीएमएल बंद हो जाता है और फिर बाहरी ब्लॉक टिप्पणी मौजूद होती है।

 तो हम क्या इस मामले में नेस्टेड ब्लॉक हैं । इसलिए जैसा कि आप देख सकते हैं, यहां बहुत अनुकूलन योग्य और उन्नत ब्लॉक लेआउट होना संभव है। और यह एक कारण है कि ब्लॉक पैटर्न इतना उपयोगी क्यों हो सकता है यदि आपके पास बहुत जटिल सामग्री है जिसे आप बार-बार उपयोग करने जा रहे हैं।

तो आदेश में एक बनाने के लिए । पंजीकरण कोड। हम बस इतना करने जा रहे हैं कि यह कोड लें और हम इसे पंजीकरण कोड के सामग्री अनुभाग में डालने जा रहे हैं जो मैंने आपको पहले दिखाया था। और मुझे आगे बढ़ने दो और मैं अपने प्लगइन जाना होगा । यह कुछ ऐसा नहीं है जिसे मैं करने की सिफारिश करूंगा, लेकिन सिर्फ, कोड पर जाने के सरलीकृत तरीके के लिए, हम प्लगइन संपादक में जाने वाले हैं। कई मेजबान वास्तव में यह अक्षम कर दिया है ।

यह मेरा सरल ब्लॉक पैटर्न प्लगइन है, और यहां मैंने कुछ ब्लॉक पैटर्न पंजीकृत किया है। मैं यहां एक उदाहरण है कि मैं पहले किया है । कि मेरे पालतू विवरण कहा जाता है । और अगर मैं नीचे स्क्रॉल करता हूं, तो मेरे पास एक दूसरा, एक ब्लॉक पैटर्न है जिसे मैंने पंजीकृत किया है जिसमें अधिक सरलीकृत संस्करण है। और मैं क्या कर सकता हूं बस उस कोड को ले लो जिसे मैंने पोस्ट से कॉपी किया और इसे यहां चिपका दिया।

मूल रूप से आप अपने ब्लॉक पैटर्न को पंजीकृत करने के लिए यहां क्या कर सकते हैं। एक है कि नहीं, के बारे में पता होना है कि विशेष रूप से यदि आप apostrophes या उद्धरण, उद्धरण अंक, या तो एकल या डबल उद्धरण अपनी सामग्री या किसी अंय चरित्र है कि PHP के लिए भाग जाने की आवश्यकता होगी जिस तरह से है कि यह कोड आप कुछ भी है कि आप कुछ भी है कि चारों ओर एक उद्धरण के बीच में है नहीं बदलने के लिए बच जाने की आवश्यकता होगी जैसी बातें है , आपके पंजीकृत ब्लॉक पैटर्न की सामग्री संपत्ति।

आप इस सामग्री से बचना चाहते हैं। और सामग्री से बचने के लिए बहुत सारे अलग-अलग विकल्प हैं। एक है कि मैं इस्तेमाल किया है onlinescreentools.com आगे स्लैश डैश स्ट्रिंग बच गया है । और यदि आप सिर्फ एक स्ट्रिंग एस्केपर के लिए ऑनलाइन खोज करते हैं, तो आप एक उपकरण खोजने में सक्षम होंगे जिसे आप अपने मार्कअप को कॉपी कर सकते हैं, और फिर इसे भागने की ताकत मिलेगी।

मैं आपको बताऊंगा कि यदि आप ऐसा करते हैं, तो आप यहां अपनी सभी लाइन ब्रेक और अतिरिक्त स्थानों को हटाना चाहते हैं ताकि आप जो बाहर निकलें वह आपके एचटीएमएल मार्कअप का एक बहुत ही साफ संस्करण है। ताकि जब आप इसे यहां चिपकाते हैं, तो इसमें लाइन ब्रेक वर्ण या खाली स्थान या इस प्रकार की चीजों की तरह कोई अतिरिक्त नहीं होगा।

तो इस मामले में कुछ मामलों में, वास्तव में मैं कोड के माध्यम से देख सकता हूं और मैं देख सकता हूं कि मेरे पास कोई भी पात्र नहीं होगा जो इस ब्लॉक के प्रतिपादन में हस्तक्षेप करेगा। मैं मार्कअप में कुछ डबल उद्धरण अंक है, लेकिन क्योंकि मैं एक उद्धरण यह नहीं होगा में इस लपेटन लपेटन कर रहा हूं, एक समस्या का कारण ।

इसलिए यह सब इस बात पर निर्भर करता है कि आपके पास किस प्रकार की सामग्री है या आपकी सामग्री में संकुचन संभवतः एक समस्या होगी। तो एक बार जब आप इस ब्लॉक पैटर्न जोड़ दिया है, तो आप तो कर सकते हैं । एक पोस्ट पर वापस जाओ। और मुझे दिखाने के लिए आप जिस तरह से है कि आप एक ब्लॉक पैटर्न जोड़ना होगा प्रदर्शित करता है । सबसे पहले, हम दृश्य संपादक को वापस बदलने जा रहे हैं ।

तो यह विकल्प है । ऊपरी दाएं हाथ के कोने में तीन डॉट्स, दृश्य संपादक को वापस स्विच करें। अब आप देख सकते हैं कि हमारे पास हमारे नियमित वर्डप्रेस ब्लॉक एडिटर व्यू हैं। कुछ सामग्री में ब्लॉक पैटर्न जोड़ने के लिए आप इस प्राथमिक प्रविष्टि को खोलेंगे। यह वह जगह है जहां उपलब्ध सभी ब्लॉक आपके लिए उपलब्ध होंगे।

और आप देखेंगे कि पैटर्न हैं। और कुछ मामलों में, यदि आपने पहले पुन: प्रयोज्य ब्लॉक ों को बचाया है, तो इसे यहां से एक्सेस किया जा सकता है। तो पैटर्न टैब पर क्लिक करके पैटर्न तक पहुंचा जा सकता है। एक ड्रॉपडाउन है जो आपको श्रेणियां दिखाएगा।

और आपके सभी ब्लॉक पैटर्न जो उनकी साइट के लिए पंजीकृत हैं, यहां उपलब्ध होंगे। तो मुझे बस यहां की जांच करते हैं । मुझे विश्वास है कि मैं वास्तव में अपने ब्लॉक पैटर्न प्लगइन निष्क्रिय हो सकता है। तो मुझे आगे जाने के लिए और है कि सक्रिय हो । और फिर चलो यह फिर से कोशिश करने के लिए ब्लॉक पैटर्न है कि मैं बनाया देखने के लिए ।

तो अब आप यहां देख सकते हैं कि अब उस प्लगइन के साथ सक्रिय है, मैं अपने कस्टम पैटर्न की श्रेणी देख सकता हूं। और जब मैं खोलता हूं कि, मैं दो ब्लॉक पैटर्न लग सकता है । तो ये दो है कि मैं पहले बनाया रहे हैं । उनमें से एक में काफी कुछ है । दूसरा अधिक सरल है। अगर मैं सिर्फ उस पर क्लिक करें, तो यह दस्तावेज़ है कि मैं खुला है के अंत में कहते हैं ।

और फिर मैं यहां से क्या कर सकता हूं आगे बढ़ो और इसे संपादित करना शुरू कर दें । लेकिन यह है, इसलिए एक बार जब मैंने इस ब्लॉक पैटर्न को अपनी पोस्ट या पेज में डाला है, तो यह अब उस ब्लॉक पैटर्न से जुड़ा हुआ नहीं है। ब्लॉक पैटर्न भविष्य में फिर से उपयोग करने के लिए फिर से है, लेकिन मैं आगे बढ़ सकता हूं और ब्लॉक के इस समूह में कोई भी परिवर्तन कर सकता हूं।

नहीं, आइए एक नज़र डालें, कुछ ब्लॉक पैटर्न को देखें जो विशेष रूप से 2021 विषय के लिए बनाए गए हैं। बस कुछ तरीकों से एक ठहरना देने के लिए कि मुख्य विषय के लिए विषय विकास टीम ने इस सुविधा में टैप किया है। हम क्या करने जा रहे हैं, मैं एक ब्रांड के नए पोस्ट यहां है ।

मैं बस आगे बढ़ो और उपयोग करने जा रहा हूं कि यह मुख्य सम्मिलक मैं पैटर्न का चयन करने जा रहा हूं। और फिर आप देखेंगे कि ड्रॉपडाउन में मेरे कस्टम पैटर्न होंगे, जो वह श्रेणी थी जो मैंने अपने प्लगइन के पैटर्न के लिए बनाई थी। टेक्स्ट हेडर गैलरी कॉलम और बटन, ब्लॉक पैटर्न के लिए श्रेणियां हैं जो डिफ़ॉल्ट रूप से वर्डप्रेस में शामिल हैं।

और एक है कि विषय है कि मैं सक्रिय है के साथ पहले आता है २०२१ है । और ये। ये ब्लॉक पैटर्न हैं जो 2021 थीम में शामिल हैं। यदि आपके पास एक अलग विषय सक्रिय था तो वे उपलब्ध नहीं होंगे। लेकिन जैसा कि मैंने इस विषय को सक्रिय किया है, मैं आगे बढ़ सकता हूं और इन तक पहुंच सकता हूं।

कुछ चीजें, यदि आपके पास ब्लॉक पैटर्न है और आप इसे अपनी साइट में उपयोग कर सकते हैं और यह एक ब्लॉक पैटर्न था जो प्लगइन या थीम का हिस्सा था जिसे आपने अब इंस्टॉल नहीं किया है। जब तक उस ब्लॉक पैटर्न में उपयोग किए जाने वाले ब्लॉक अभी भी आपकी साइट पर मौजूद हैं जो विषय के परिवर्तन या ब्लॉक पैटर्न पंजीकृत प्लगइन की कमी को प्रभावित नहीं करना चाहिए, उस डिस्कनेक्ट के कारण आपके द्वारा पहले से बनाई गई किसी भी सामग्री को प्रभावित नहीं करना चाहिए जो तब होता है जब आप ब्लॉक पैटर्न जोड़ते हैं या पोस्टर पृष्ठ पर ब्लॉक पैटर्न का उपयोग करके सामग्री जोड़ते हैं पर, वह कनेक्शन अब नहीं रहा।

यह किसी भी तरह से उस पैटर्न से संबंधित नहीं होगा जिसका उपयोग आप उस सामग्री को बनाने के लिए करते हैं। अब आप उस ब्लॉक पैटर्न के साथ नई सामग्री नहीं जोड़ पाएंगे। ब्लॉक पैटर्न इस पैनल में अब प्रदर्शित नहीं होगा, लेकिन आपके द्वारा पहले बनाई गई कोई भी सामग्री बनी रहेगी। तो आइए बस कुछ तरीकों को देखने के लिए एक पल लें कि 2021 थीम ने इस सुविधा का लाभ उठाया है ताकि विभिन्न प्रकार की सामग्री को पैटर्न के साथ बनाया जा सके।

सूची में पहले एक बड़े पाठ कहा जाता है। यदि क्लिक करें कि आप देख सकते हैं कि इसमें सिर्फ एक पैराग्राफ या ए है, तो 144 पिक्सल के विशाल फ़ॉन्ट आकार और 1.1 की लाइन ऊंचाई के साथ ब्लॉक शीर्षक है। और वह ब्लॉक पैटर्न है, यह सब करता है । यह एक ब्लॉक पैटर्न बनाने के लिए एक बहुत ही सरल तरीका का एक उदाहरण है।

यदि आप हमेशा इस बड़े पाठ को बनाने का विकल्प चाहते थे तो यहां एक और है। यह आईटी लिंक क्षेत्र के उन शीर्षक प्राप्त करने में विफल रहा है । तो यह सामाजिक जोड़ने के किसी प्रकार के लिए इस्तेमाल किया जा सकता है, जो यहां एक उदाहरण है । एक बार जब यह आपकी सामग्री में जुड़ जाता है, तो आप आगे बढ़ सकते हैं और अपनी आवश्यकताओं के अनुरूप इस सामग्री को बदल सकते हैं।

लेकिन यह ब्लॉकों का एक बुनियादी समूह है । तो बाहरी ब्लॉक में हमारे पास है । चलो देखते हैं क्या, वास्तव में इस ब्लॉक से बना है। यह एक कवर ब्लॉक है। यह एक स्पेसर मिल गया है और फिर एक और स्पेसर पैरा, और फिर हम कुछ कॉलम है और यह एक दो कॉलम क्षेत्र है । हर एक एक पैरा है और फिर समाप्त हो गया है कि हम एक और स्पेसर मिल गया है ।

कवर बनाया गया है ताकि आप बना सकें या आप इसे बदल सकें। तो आप एक अलग रंग पृष्ठभूमि है, उदाहरण के लिए या आप सिर्फ यह है जिस तरह से रख सकते हैं । ऐसा लगता है कि यह एक सीमा के कुछ प्रकार मिल गया है यह करने के लिए लागू है, जो इस ब्लॉक के लिए एक शैली शायद विषय द्वारा जोड़ा गया है । और एक बार जब यह आपकी सामग्री में जुड़ जाता है और आप इसके साथ काम करना जारी रख सकते हैं।

तो चलो बस जल्दी से इनमें से कुछ और के माध्यम से चलते हैं । हमारे पास एक मीडिया और टेक्स्ट आर्टिकल टाइटल है । ऐसा लगता है कि यह मिल गया है यह कुछ स्टाइल और सामग्री के साथ एक औसत पाठ ब्लॉक की तरह है पहले से ही आप बाएं शीर्षक पर एक छवि के साथ इस लेआउट बनाने के लिए अनुमति देने के लिए लागू किया, डॉट्स, एक विभाजक की तरह, और फिर इस मामले में एक टैगलाइन या रोपण के कुछ प्रकार ।

यदि आप नीचे स्क्रॉल जारी रखते हैं, तो आप देख सकते हैं, संपर्क जानकारी एक पोर्टफोलियो सूची जैसी चीजें हैं, जो ऐसा लगता है कि यह अंदर लाएगा, शायद देखते हैं कि यह क्या करता है। यह छवियों के साथ पैराग्राफ में लाता है ताकि आप लगभग एक तरह से बना सकें। एक पीओ आपकी वेबसाइट पर संभावित रूप से अन्य स्थानों से जुड़ी सामग्री की एक सूची।

और मेरे पसंदीदा में से एक ओवरलैपिंग इमेजेज ब्लॉक पैटर्न है। इसलिए यदि हम इसे जोड़ते हैं, तो आप देख सकते हैं कि हमारे यहां जो कुछ है वह एक कॉलम है। दो कॉलम हैं। कॉलम में से एक में दो छवियां हैं और स्पेसर, दूसरे में एक छवि और एक स्पेसर है और विषय एक शैली जोड़ता है जो छवियों को ओवरलैप करने की अनुमति देता है।

इसलिए यह कुछ अनुकूलन के साथ एक ब्लॉक पैटर्न का संयोजन है जिसे इस ओवरलैपिंग प्रभाव को बनाने के लिए विषय द्वारा बनाया गया है। और एक बार यह यहां है, तो आप इसे नहीं ले सकते हैं और अपने चुनने के भीतर छवियों को बदल सकते हैं, लेकिन यह इस ब्लॉक पैटर्न कार्यक्षमता का वास्तव में दिलचस्प उपयोग है।

तो यह है कि कुछ तरीकों का अवलोकन है कि 5.5 आगे से वर्डप्रेस में ब्लॉक पैटर्न कार्यक्षमता का उपयोग किया जा रहा है, लेकिन वर्तमान मुख्य विषय में, यह मेरी प्रस्तुति को समाप्त करता है। मैं कैसे आप भविष्य में ब्लॉक पैटर्न का उपयोग के बारे में सुनना अच्छा लगेगा । आज मुझसे जुड़ने के लिए बहुत-बहुत धन्यवाद।

इस सत्र को साझा करें

फेसबुक पर साझा करें
ट्विटर पर साझा करें
लिंक्डइन पर शेयर करें
Pinterest पर साझा करें
ईमेल पर साझा करें