वेबसाइट बिल्डिंग को गति देने के लिए ब्लॉक पैटर्न कैसे बनाएं

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


add_act ('init', function () {

register_pattern ('NAME', [
'शीर्षक' => __ ('शीर्षक'),
'सामग्री' =>
'नमूना'
];
};

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

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

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

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

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

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

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

ठीक है। अब मैं अपनी वेबसाइट पर जाऊंगा। तो यहाँ एक वेबसाइट है। अभी यह सब सेट है। और यदि आप नहीं जानते हैं कि एक प्लगइन कैसे स्थापित किया जाए, तो किसी ने मुझे दूसरे दिन वास्तव में पागल हो गया कि मैं प्लगइन और वीडियो कैसे स्थापित नहीं कर सकता। आप प्लगइन्स पर जाते हैं, आप नए पर क्लिक करते हैं, और फिर यहीं पर आप उस प्लगइन के नाम की खोज करते हैं, और फिर आप क्लिक करते हैं.

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

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

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

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

तो आप जो करना चाहते हैं, वह पृष्ठों पर जा रहा है। और add new पर क्लिक करें, और आप इसे नाम देना चाहेंगे। उम, वास्तव में मुझे इस दौरे से छुटकारा पाने दें। आप इस ब्लॉक पैटर्न को नाम देना चाहते हैं, और यही वह जगह है जहाँ हम इस ब्लॉक पैटर्न को बनाने जा रहे हैं। अब, मैं अभी एक ब्लॉक पैटर्न बनाने के माध्यम से नहीं जा रहा हूँ.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Adblock
    detector