Gutenberg (WordPress Editor) का उपयोग कैसे करें


कैसे गुटेनबर्ग ब्लॉक का उपयोग करने के लिए2018 में, वर्डप्रेस अपने लंबे समय के संपादक से दूर चला गया, जिसे “गुटेनबर्ग” करार दिया गया.


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

चाहे आप एक लंबे समय से नए उपयोगकर्ता की समझ बनाने की कोशिश कर रहे हों, या आप वर्डप्रेस के लिए बिल्कुल नए हैं, यह गाइड आपको रस्सियाँ सिखाएगा। तुम सीख जाओगे:

  • गुटेनबर्ग ब्लॉक क्लासिक संपादक से कैसे भिन्न हैं.
  • पेज बनाने और संपादित करने के लिए ब्लॉक बिल्डर का उपयोग कैसे करें.
  • गुटेनबर्ग ब्लॉक क्या करते हैं.
  • साइडबार के साथ अतिरिक्त सेटिंग्स कैसे अनलॉक करें.
  • अधिक उत्पादक होने के लिए टूलबार का उपयोग कैसे करें.

Contents

क्लासिक संपादक बनाम गुटेनबर्ग ब्लॉक

क्लासिक एडिटर से गुटेनबर्ग ब्लॉक में स्विच वर्डप्रेस के लिए एक बड़ी छलांग है। आइए देखें कि संपादक कैसे विकसित हुआ है.

क्लासिक वर्डप्रेस संपादक

2003 से 2018 तक, वर्डप्रेस ने अपने उपयोगकर्ताओं को एक मूल पाठ संपादक प्रदान किया.

वर्डप्रेस-क्लासिक-संपादक

क्लासिक वर्डप्रेस संपादक आपका विशिष्ट WYSIWYG था (“आप जो देखते हैं वही आपको मिलता है”) संपादक.

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

वर्डप्रेस-WYSIWYG संपादक

यह एक सरल पर्याप्त इंटरफ़ेस है और एक है कि कई वर्डप्रेस उपयोगकर्ता वर्षों से आदी हो गए हैं। लेकिन इसकी अपनी सीमाएँ थीं.

उदाहरण के लिए:

वर्डप्रेस-पृष्ठ-उदाहरण

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

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

2018 में, वर्डप्रेस ने नए वर्डप्रेस संपादक (यानी गुटेनबर्ग) को जारी करके इन सीमाओं को सुधारने के लिए निर्धारित किया है।.

गुटेनबर्ग ब्लॉक संपादक

नया वर्डप्रेस एडिटर एक ड्रैग-एंड-ड्रॉप ब्लॉक एडिटर है.

गुटेनबर्ग

इसका मतलब है कि सामग्री अब एक मुख्य संपादक में नहीं लिखी गई है। पृष्ठ की सामग्री को बनाने के लिए अलग-अलग ब्लॉक को जगह में गिराया जाता है.

गुटेनबर्ग-ब्लाकों

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

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

अधिक-गुटेनबर्ग-ब्लॉक-उदाहरण

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

वर्डप्रेस-पृष्ठ-उदाहरण-गुटेनबर्ग के साथ

क्या एक वर्डप्रेस संपादक दूसरे से बेहतर है?

जैसा कि बेहतर है – क्लासिक संपादक या गुटेनबर्ग – आपको यह पता लगाना होगा कि अपने लिए क्या है.

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

अन्य एडिटर-ऑन विकल्प भी उपलब्ध हैं. Elementor तथा बीवर बिल्डर दो और अधिक लोकप्रिय ड्रैग-एंड-ड्रॉप संपादक विकल्प, ब्लॉक श्रेणियां हैं
हालांकि वे पेशेवर डिजाइनरों और डेवलपर्स के लिए सबसे उपयुक्त हैं जिन्हें अधिक सुविधाओं को अनलॉक करने की आवश्यकता है.

अभी के लिए, आइए Gutenberg में एक गहरा गोता लगाएँ और आपको वर्डप्रेस ड्रैग-ड्रॉप संपादक से क्या उम्मीद करें.

गुटेनबर्ग ब्लॉक संपादक का उपयोग कैसे करें

नए पृष्ठ (या पोस्ट) की स्थापना करके गुटेनबर्ग ब्लॉक संपादक की समीक्षा करें.

स्क्रीन के बाईं ओर वर्डप्रेस मेनू से शुरू करें। यदि आप एक नया वेब पेज बनाना चाहते हैं, तो “पेज” पर होवर करें और “नया जोड़ें” चुनें। यदि आप एक नया ब्लॉग पोस्ट बनाना चाहते हैं, तो “पोस्ट” पर होवर करें और “नया जोड़ें” चुनें.

वर्डप्रेस-ऐड-न्यू-पृष्ठ

एक शीर्षक जोड़ें

अपने नए पृष्ठ या पोस्ट के साथ, इसे “शीर्षक जोड़ें” ब्लॉक में एक शीर्षक दें:

गुटेनबर्ग-शीर्षक-ब्लॉक

अपना पहला ब्लॉक बनाएं

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

गुटेनबर्ग नई-पैरा-ब्लॉक

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

एक ब्लॉक में सामग्री को अनुकूलित करें

अपने पैराग्राफ की शैली को अनुकूलित करने के लिए, इसके ऊपर दिखने वाले टूलबार का उपयोग करें.

संरेखण

अधिकांश गुटेनबर्ग ब्लॉक के साथ, आपके पास ब्लॉक के अंदर सामग्री के संरेखण को बदलने की क्षमता होगी:

गुटेनबर्ग-संरेखण

बाईं ओर डिफ़ॉल्ट है। आप अपनी सामग्री को केंद्र-संरेखित या दाएं-संरेखित करने का विकल्प भी चुन सकते हैं.

का प्रारूपण

किसी भी समय एक ब्लॉक के भीतर पाठ है, तो आप इसे बोल्ड के साथ प्रारूपित कर सकते हैं:

गुटेनबर्ग-पैरा-बोल्ड

पाठ को इटैलिक बनाएं:

गुटेनबर्ग-पैरा-इटैलिक

या हाइपरलिंक जोड़ें:

गुटेनबर्ग-पैरा-लिंक

यदि आप अपने लिंक को एक नई ब्राउज़र विंडो में खोलना चाहते हैं, तो हाइपरलिंक बार के भीतर डाउन-एरो पर क्लिक करें। जब आप अपने परिवर्तन कर रहे हों, तो लिंक को बचाने के लिए “रिटर्न” तीर पर क्लिक करें.

अतिरिक्त स्टाइल विकल्प

यदि आप टूलबार में डाउन-एरो पर क्लिक करते हैं, तो आपको अतिरिक्त पाठ शैलीकरण विकल्प मिलेंगे:

गुटेनबर्ग-अधिक-पाठ विकल्प

“कोड” आपके पाठ को इस तरह से शैलीबद्ध करता है मानो वह एक कोड संपादक में लिखा गया हो:

गुटेनबर्ग-पैरा-संहिता

“इनलाइन छवि” आपको एक छवि के चारों ओर अपना पाठ लपेटने में सक्षम बनाता है:

गुटेनबर्ग-पैरा-इनलाइन

जैसा कि आप देख सकते हैं, यह गुटेनबर्ग में एक दूसरे के बगल में छवियों और पाठ को जोड़ने का एक प्रभावी तरीका नहीं है। (हम बाद में ऐसा करने के लिए दूसरे तरीके की समीक्षा करेंगे।)

यहां अंतिम विकल्प आपको हाइलाइट किए गए पाठ के माध्यम से एक स्ट्राइकथ्रू जोड़ने की अनुमति देता है:

गुटेनबर्ग-पैरा-स्ट्राइकथ्रू

अधिक ब्लॉक विकल्प

टूलबार में अंतिम बटन हमेशा अधिक ब्लॉक विकल्पों को प्रकट करता है:

गुटेनबर्ग-अधिक-ब्लॉक-विकल्प

ये विकल्प समान होंगे चाहे आप किस प्रकार के ब्लॉक का संपादन कर रहे हों.

चलो जल्दी से ये क्या करते हैं:

  • ब्लॉक सेटिंग्स छुपाएं: सही गायब होने पर साइडबार बनाता है.
  • डुप्लिकेट: इस ब्लॉक की एक सटीक प्रतिकृति बनाता है.
  • पहले डालें: इस एक के ऊपर एक नया खाली ब्लॉक जोड़ता है.
  • के बाद डालें: इस एक के नीचे एक नया खाली ब्लॉक जोड़ता है.
  • HTML के रूप में संपादित करें: यदि आप HTML में लिखना चाहते हैं तो ब्लॉक को कोड एडिटर में बदल देता है.
  • पुन: प्रयोज्य ब्लॉक्स में जोड़ें: ब्लॉक को बचाता है ताकि आप इसे साइट पर कहीं और पुनः उपयोग कर सकें.
  • ब्लॉक निकालें: ब्लॉक को हटाता है.

ट्रांसफ़ॉर्म ब्लॉक

टूलबार में एक और बटन है जिससे आपको अवगत होना चाहिए:

गुटेनबर्ग स्विच-ब्लाकों

यह बटन हमेशा इस तरह नहीं दिखेगा, लेकिन याद रखें कि पहला बटन आपको वर्तमान ब्लॉक को संबंधित में बदलने की अनुमति देता है.

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

एक नया ब्लॉक जोड़ें

अपने पृष्ठ में एक नया ब्लॉक जोड़ने के लिए, आपके पास कई विकल्प हैं.

पहले / बाद में डालें

आपने पहले ही अपने ब्लॉक के टूलबार में विकल्पों को सम्मिलित करने से पहले / डालें के बाद देखा है। इसे करने का एक तरीका है.

यदि आप अपने मौजूदा ब्लॉक से दूर जाते हैं और उसके शीर्ष पर होवर करते हैं, तो आपको एक छोटा प्लस-साइन दिखाई देगा:

गुटेनबर्ग-ऐड-ब्लॉक-क्रॉस

जब आप इसे क्लिक करते हैं, तो यह आपके ब्लॉक को प्रकट करेगा:

गुटेनबर्ग-ऐड-ब्लॉक प्लस-साइन

आप जिस नए ब्लॉक को अपने पास पहले से जोड़ना चाहते हैं, उसे चुनें.

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

अपने कीबोर्ड का उपयोग करें

एक नया ब्लॉक जोड़ने का दूसरा तरीका आपके कीबोर्ड पर “रिटर्न” कुंजी दबाकर है:

गुटेनबर्ग-ऐड-ब्लॉक-दर्ज करें

यह तुरंत पृष्ठ पर एक नया पैराग्राफ ब्लॉक जोड़ देगा.

यदि आप इसे भिन्न प्रकार के ब्लॉक में बदलना चाहते हैं, तो आप नए ब्लॉक के बाईं ओर प्लस-साइन का उपयोग कर सकते हैं:

गुटेनबर्ग-बदलें नई-ब्लॉक

या आप उस स्लैश (/) को टाइप कर सकते हैं जिसके बाद आप जिस ब्लॉक का उपयोग करना चाहते हैं उसका नाम है:

गुटेनबर्ग-बदलें-ब्लॉक-स्लैश

उदाहरण के लिए, यदि आप एक छवि जोड़ना चाहते हैं, तो आप “/ छवि” टाइप करेंगे। जैसे ही आप मिलान नाम टाइप करेंगे, ब्लॉक का विकल्प ऑटो-पॉप्युलेट हो जाएगा.

टूलबार से ब्लॉक जोड़ें

आप हमेशा टूलबार में मूल ऐड ब्लॉक सुविधा का उपयोग कर सकते हैं:

गुटेनबर्ग-ऐड-ब्लॉक

विकल्पों के माध्यम से स्क्रॉल करें या उस ब्लॉक का नाम लिखें जिसे आप खोज रहे हैं.

एक ब्लॉक हटो

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

एक ब्लॉक से दूसरे ब्लॉक में ब्लॉक या कट-एंड-पेस्ट सामग्री को हटाने की कोई आवश्यकता नहीं है। समाधान सरल है.

गुटेनबर्ग एक ड्रैग-एंड-ड्रॉप ब्लॉक एडिटर है। इसका मतलब है कि आप अपने ब्लॉक को जहां चाहें आसानी से ले जा सकते हैं.

इसे करने के दो तरीके हैं.

मूव एरो का उपयोग करें

पहला विकल्प प्रत्येक ब्लॉक के बाईं ओर स्थित चाल-तीर का उपयोग करना है। उस ब्लॉक पर होवर करें जिसे आप स्थानांतरित करना चाहते हैं और आपको एक ऊपर और नीचे-तीर मिलेगा:

गुटेनबर्ग-चाल-तीर

यदि आप सभी करना चाहते हैं तो एक बार एक ब्लॉक ऊपर या नीचे ले जाएं, यह विकल्प अच्छी तरह से काम करता है.

गुटेनबर्ग-ले जाया गया-ब्लॉक

ड्रैग-एंड-ड्रॉप का उपयोग करें

यदि आप अपने ब्लॉकों की अधिक कठोर पुनर्व्यवस्था करना चाहते हैं, तो आपको ड्रैग-एंड-ड्रॉप का उपयोग करना चाहिए.

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

गुटेनबर्ग-लो-खींचें और ड्रॉप

ब्लॉक को पृष्ठ के एक नए हिस्से में ले जाते समय, सुनिश्चित करें कि आप इसे छोड़ने से पहले एक डार्क लाइन दिखाई देते हैं:

गुटेनबर्ग-चाल-ब्लॉक

इससे आप जान सकते हैं कि आप ब्लॉक को उपलब्ध स्थान पर ले जा रहे हैं। उस पंक्ति के बिना, ड्रैग-एंड-ड्रॉप काम नहीं करेगा.

एक ब्लॉक हटाएं

यदि आप तय करते हैं कि आप एक ब्लॉक को पूरी तरह से हटाना चाहते हैं, तो आपके पास इसके विकल्प भी हैं.

आपने इनमें से एक को पहले ही देख लिया है। यह आपके ब्लॉक के अतिरिक्त विकल्पों के अंदर है। बस “ब्लॉक निकालें” पर क्लिक करें और इसे हटा दिया जाएगा.

आप इसे हमेशा पुराने तरीके से भी हटा सकते हैं। अपने कर्सर को ब्लॉक के अंदर रखें और इसे हटाने के लिए अपने कीबोर्ड के “डिलीट” बटन का उपयोग करें.

हालाँकि, ध्यान दें कि यदि यह एक पाठ-आधारित ब्लॉक है, तो आपको इस तरह से हटाने से पहले पहले सामग्री को हटाना होगा। कुछ और के लिए – एक छवि, एम्बेडेड विजेट, आदि – आप बस अपनी “हटाएं” कुंजी का उपयोग कर सकते हैं.

आप ब्लॉक को उजागर भी कर सकते हैं (अपने कर्सर को उस पर खींचकर) और फिर “हटाएं” कुंजी को हिट करें। यदि आप एक बार में एक से अधिक ब्लॉक को हाइलाइट और डिलीट करना चाहते हैं तो यह उपयोगी है.

एक पुन: प्रयोज्य ब्लॉक बनाएँ

पुन: प्रयोज्य ब्लॉक काम में आते हैं जब आप एक ऐसा तत्व बनाना चाहते हैं जिसका उपयोग साइट-व्यापी किया जा सके, जैसे आपके ब्लॉग पोस्ट के लिए प्रचार ब्लॉक या कॉल-टू-एक्शन.

गुटेनबर्ग-बनाएं-पुन: प्रयोज्य-ब्लॉक

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

गुटेनबर्ग-नाम-पुन: प्रयोज्य

एक बार सहेज लेने के बाद, आप गुटेनबर्ग के किसी भी ब्लॉक को पुनः प्राप्त करने और उसका उपयोग करने में सक्षम होंगे। आप इसे “पुन: प्रयोज्य” नामक एक नई श्रेणी में पाएंगे:

गुटेनबर्ग-पुन: प्रयोज्य-श्रेणी

गुटेनबर्ग ब्लाकों का दौरा

क्लासिक वर्डप्रेस संपादक ने उपयोगकर्ताओं को जटिल सामग्री और लेआउट बनाने में मदद करने के मामले में वांछित होना छोड़ दिया। गुटेनबर्ग ब्लॉक उस सड़क से दूर हैं.

आइए ब्लॉकों से परिचित हों:

श्रेणियाँ ब्लॉक करें

वर्डप्रेस ने अपने ब्लॉक को श्रेणियों में व्यवस्थित करने का अच्छा काम किया है.

सामान्य ब्लॉक

ये आपके सामान्य ब्लॉक हैं:

आम-ब्लाकों

एक पृष्ठ पर आपके द्वारा उपयोग किए जाने वाले मूल पाठ और दृश्य तत्व यहां होंगे.

प्रारूपण ब्लॉक

ये आपके प्रारूपण खंड हैं:

का प्रारूपण-ब्लाकों

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

लेआउट ब्लॉक

ये आपके लेआउट ब्लॉक हैं:

लेआउट-ब्लाकों

यदि आप अपनी सामग्री (जैसे बड़ी जगह या विभाजक रेखा) या विशेष तत्वों (जैसे एक बटन) के साथ विराम जोड़ना चाहते हैं, तो आप उन चीज़ों को यहाँ पाएंगे।.

विजेट ब्लॉक

ये आपके विजेट हैं:

विजेट-ब्लाकों

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

एंबेड्स ब्लॉक

ये आपके एम्बेड हैं:

एम्बेड-ब्लाकों

आप अन्य प्लेटफार्मों से सामग्री लाने के लिए इनका उपयोग करेंगे। यह YouTube वीडियो, साउंडक्लाउड क्लिप और ट्विटर पोस्ट जैसी चीजों को एम्बेड करने के लिए अच्छा है.

अधिकांश सामान्य रूप से प्रयुक्त गुटेनबर्ग ब्लॉक

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

पैराग्राफ ब्लॉक

अपने पृष्ठ पर सादा पाठ जोड़ने के लिए अनुच्छेद ब्लॉक का उपयोग करें.

पैरा-ब्लॉक

हेडिंग ब्लॉक

अपने पेज में हेडर जोड़ने के लिए हेडिंग ब्लॉक का उपयोग करें.

शीर्षक-ब्लॉक

ये आपको अपनी सामग्री को पढ़ने में आसान बनाते हुए पृष्ठ पर नए विषयों को प्रस्तुत करने की अनुमति देते हैं। H2, H3 और H4 बटन आपको पृष्ठ शीर्षकों में एक पदानुक्रम स्थापित करने देते हैं, भी.

सूची ब्लॉक करें

पृष्ठ पर बुलेटेड या क्रमांकित सूची जोड़ने के लिए सूची ब्लॉक का उपयोग करें:

सूची-ब्लॉक

यह पठनीयता में सुधार के लिए भी उपयोगी है.

छवि ब्लॉक

अपने पृष्ठ में छवि जोड़ने के लिए छवि ब्लॉक का उपयोग करें.

छवि ब्लॉक

आप अपने ड्राइव से एक छवि अपलोड कर सकते हैं या एक का चयन कर सकते हैं जो आपके मीडिया लाइब्रेरी में पहले से मौजूद है.

वीडियो ब्लॉक

अपने पृष्ठ पर एक छवि एम्बेड करने के लिए वीडियो ब्लॉक का उपयोग करें.

वीडियो-ब्लॉक

आप एक वीडियो फ़ाइल अपलोड कर सकते हैं, अपनी लाइब्रेरी में से किसी एक को चुन सकते हैं या किसी लिंक से खींच सकते हैं.

क्योंकि वीडियो बहुत अधिक स्थान लेते हैं, इसलिए सबसे अच्छा विकल्प यह है कि आप अपनी फ़ाइल को वीडियो-साझाकरण प्लेटफ़ॉर्म जैसे Vimeo या YouTube पर सहेजें। फिर, इसे एक लिंक के साथ एम्बेड करें.

आपने इसके लिए वीडियो ब्लॉक का उपयोग नहीं किया है। इसके बजाय, संबंधित एम्बेड देखें.

YouTube में एक है:

यूट्यूब-एम्बेड

जैसा कि Vimeo:

Vimeo-एम्बेड

आपको किसी भी ऑडियो फाइल (जैसे पॉडकास्ट या साउंडट्रैक) के लिए वही करना चाहिए जो आप पृष्ठ में जोड़ना चाहते हैं। ऐसा करने के लिए या तो ऑडियो ब्लॉक या संबंधित एम्बेड (जैसे Spotify के लिए) का उपयोग करें.

बटन ब्लॉक

अपने आगंतुकों या पाठकों को कार्रवाई करने के लिए निर्देशित करने के लिए बटन ब्लॉक का उपयोग करें:

बटन-ब्लॉक

यह उन्हें निर्देशित कर सकता है: “अब शेड्यूल करें”, “साइन अप”, “और पढ़ें”, आदि.

मीडिया और टेक्स्ट ब्लॉक

जैसा कि पहले उल्लेख किया गया है, पैराग्राफ ब्लॉक में इनलाइन छवि विकल्प पाठ और छवियों को मर्ज करने का एक अक्षम तरीका है। इसके बजाय, ऐसा करने के लिए मीडिया और टेक्स्ट ब्लॉक का उपयोग करें:

मीडिया और पाठ ब्लॉक

कॉलम ब्लॉक

कॉलम ब्लॉक का उपयोग करके एक दूसरे के पास दो अलग-अलग ब्लॉक (एक ही या अलग-अलग प्रकार के) रखने का दूसरा तरीका है:

स्तंभ-ब्लॉक

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

सोशल मीडिया एंबेडिंग ब्लॉक

अपने पृष्ठ पर पोस्ट डालने के लिए सोशल मीडिया से एम्बेड कोड का उपयोग करने के बजाय, यहां पोस्ट का लिंक जोड़ें:

सामाजिक मीडिया-एम्बेड

फेसबुक, ट्विटर और इंस्टाग्राम के लिए एम्बेड ब्लॉक हैं, इसलिए एंबेड ब्लॉक ढूंढें जो आपके सोशल मीडिया पोस्ट से मेल खाता हो.

क्लासिक ब्लॉक

क्लासिक ब्लॉक आपको क्लासिक संपादक का उपयोग करके वर्डप्रेस में सामग्री बनाना जारी रखने देता है:

गुटेनबर्ग-क्लासिक-ब्लॉक

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

यदि आप अपने क्लासिक ब्लॉक को गुटेनबर्ग ब्लॉक में बदलना चाहते हैं, तो “अधिक विकल्प” पर जाएं और “ब्लॉक में कनवर्ट करें” चुनें:

गुटेनबर्ग-Convert-ब्लाकों

यह आपके संपादक के प्रत्येक तत्व को संबंधित ब्लॉक में बदलने की पूरी कोशिश करेगा:

गुटेनबर्ग-परिवर्तित-ब्लाकों

अपने परिवर्तनों को सहेजने से पहले किसी भी त्रुटि के लिए आउटपुट किए गए ब्लॉक की समीक्षा करना याद रखें.

वर्डप्रेस प्लगइन ब्लॉक

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

उदाहरण के लिए, यदि आप किसी संपर्क फ़ॉर्म प्लग इन का उपयोग कर रहे हैं WPForms, आपको इसके लिए एक संगत ब्लॉक ढूंढना चाहिए:

WPForms-ब्लॉक

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

Yoast, एक लोकप्रिय एसईओ प्लगइन, एक और है जो गुटेनबर्ग के लिए नए ब्लॉक जोड़ रहा है:

Yoast-ब्लाकों

WooCommerce, वर्डप्रेस के ईकामर्स समाधान, ने ऐसा ही किया है:

WooCommerce-ब्लाकों

“परम” गुटेनबर्ग प्लगइन्स भी हैं जो आपके बिल्डर के लिए नए ब्लॉकों का एक गुच्छा जोड़ते हैं, जैसे गुटेनबर्ग के लिए अंतिम अतिरिक्त:

परम-ऐड-ऑन-गुटेनबर्ग

इस प्रकार के प्लगइन्स आपके ब्लॉक बिल्डर की कार्यक्षमता को बढ़ाते हैं। यदि आप एक ऐसी वेबसाइट का निर्माण कर रहे हैं, जिसमें विशेष तत्वों की आवश्यकता हो – जैसे Google मैप्स, प्रशंसापत्र ब्लॉक या ईकामर्स कार्यक्षमता – आप उन्हें इस तरह प्लगइन्स के साथ गुटेनबर्ग में जोड़ सकते हैं.

दस्तावेज़ और ब्लॉक साइडबार का अवलोकन

अब जब आपको ब्लॉक संपादक मिल गया है, तो दस्तावेज़ और ब्लॉक साइडबार पर हमारा ध्यान दें.

जब आपका कर्सर शीर्षक ब्लॉक में या उस पृष्ठ पर होता है, जहां कोई ब्लॉक मौजूद नहीं है, तो साइडबार डॉक्यूमेंटेशन बिंदु पर इंगित करेगा:

दस्तावेज़ साइडबार

ये आपको पृष्ठ की स्थिति और उपस्थिति जैसी चीजों को नियंत्रित करने की अनुमति देते हैं.

यहाँ मुख्य हैं जिन्हें आपको जानना आवश्यक है:

स्थिति और दृश्यता

स्थिति और दृश्यताइस पैनल में, आप समायोजित कर सकते हैं कि कौन पेज (सार्वजनिक, निजी या पासवर्ड से सुरक्षित) देख सकता है और साथ ही साथ यह प्रकाशित होने पर (यदि तुरंत नहीं)। अगर आप पेज को पूरी तरह से डिलीट करना चाहते हैं। आप यहाँ भी कर सकते हैं.

Permalinkस्लग (URL का पहचान करने वाला टुकड़ा) को बदलने के लिए इस पैनल का उपयोग करें। उदाहरण के लिए:

https://mywebsite.com/गुटेनबर्ग-ब्लॉक-बिल्डर /

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

श्रेणियाँ

श्रेणियाँयह केवल ब्लॉग पोस्ट के लिए उपलब्ध है। अपने विषयों को व्यवस्थित रखने के लिए इसका उपयोग करें.

टैग

टैगयह केवल ब्लॉग पोस्ट के लिए उपलब्ध एक और सेटिंग है। अपनी पोस्ट में दिखाई देने वाले कीवर्ड को जोड़ने और पाठकों को संबंधित विषयों पर सामग्री खोजने में मदद करें.

जब आपके कर्सर को आपके पृष्ठ के किसी भी ब्लॉक के अंदर रखा जाता है (शीर्षक को छोड़कर), साइडबार एक ब्लॉक संपादक पर स्विच करेगा:

ब्लॉक साइडबार

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

उदाहरण के लिए, पैरा साइडबार निम्नलिखित के लिए संपादन विकल्प दिखाता है:

पैरा-ब्लॉक-साइडबार

आप अपने पाठ के आकार के साथ-साथ ब्लॉक के पाठ या पृष्ठभूमि के रंग को समायोजित कर सकते हैं। यदि आप जानते हैं कि सीएसएस कक्षाओं का उपयोग कैसे किया जाता है, तो आप “उन्नत सेटिंग्स” का उपयोग करके ब्लॉक के लुक को अनुकूलित कर सकते हैं.

दूसरी ओर, छवि साइडबार, आपको ये सेटिंग देता है:

छवि ब्लॉक साइडबार

आप छवि (एसईओ के लिए महत्वपूर्ण) के लिए ऑल्ट-टेक्स्ट जोड़ सकते हैं, छवि का आकार बदल सकते हैं और छवि को वेब पेज से जोड़ सकते हैं.

कुछ ब्लॉक साइडबार में किसी भी अतिरिक्त सेटिंग्स की पेशकश नहीं करते हैं जैसे ट्विटर एम्बेड:

ट्विटर-ब्लॉक-साइडबार

केवल एक चीज जो आप कर सकते हैं वह है “उन्नत सेटिंग्स” के तहत एक कस्टम सीएसएस वर्ग बनाना।.

नीचे पंक्ति: यदि आपको कभी ऐसा लगता है कि आप अपने टूल को ब्लॉक टूलबार से पूरी तरह से संपादित नहीं कर सकते हैं, तो अतिरिक्त विकल्पों के लिए साइडबार की जांच करें.

टूलबार के साथ क्या करना है

संपादक के अंतिम भाग को आपको अपने साथ परिचित करने की आवश्यकता है, वह टूलबार है जो इसके शीर्ष पर बैठता है:

गुटेनबर्ग-टूलबार

यह “पूर्वावलोकन” और “प्रकाशित करें” बटन को संग्रहीत करने के लिए एक जगह से ज्यादा कुछ नहीं लग सकता है, लेकिन बहुत कुछ है जो आप कर सकते हैं और चाहिए के लिए टूलबार का उपयोग करें.

आइए आवश्यक समीक्षा करें:

ब्लाकों

टूलबार में पहला बटन वह है, जहां आप नए ब्लॉक एक्सेस कर सकते हैं:

गुटेनबर्ग-टूलबार-ब्लाकों

पीछे आगे

अगले दो बटन आपको पूर्ववत करने की अनुमति देते हैं (बाएं ओर इशारा करते हुए तीर) या फिर से करें (सही इंगित करते हुए तीर) पृष्ठ पर आपके द्वारा किए गए अंतिम परिवर्तन:

गुटेनबर्ग-टूलबार-पूर्ववत

पृष्ठ सूचना

उन लोगों के लिए, जो आपके विज़िटर के लिए आसान पृष्ठों को बनाना चाहते हैं, जिससे “i” (जानकारी) बटन आपको अपनी सामग्री का अवलोकन देता है:

गुटेनबर्ग-टूलबार-जानकारी

तुम देखोगे:

  • आपने कितने शब्द लिखे हैं.
  • इसके नीचे के शीर्षकों के टूटने के साथ कितने शीर्षक हैं.
  • कितने पैराग्राफ हैं.
  • आपने कितने ब्लॉक का उपयोग किया है.

यह शब्द और हेडिंग काउंट है जो यहां ध्यान केंद्रित करने के लिए सबसे महत्वपूर्ण जानकारी के टुकड़े हैं.

पृष्ठ संरचना

टूलबार के अगले भाग से पता चलता है कि आपने अपना पेज बनाने के लिए प्रत्येक ब्लॉक का उपयोग किया है:

गुटेनबर्ग-ब्लॉक-नेविगेशन

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

समायोजन बचाओ

आप अपने द्वारा बनाए गए प्रत्येक पृष्ठ या पोस्ट के साथ पहले तीन बटन का उपयोग करेंगे:

गुटेनबर्ग-बचाओ-सेटिंग

पृष्ठ पर काम करते समय अपने परिवर्तनों को निजी रूप से सहेजने के लिए “ड्राफ्ट सहेजें” का उपयोग करें.

अपनी वेबसाइट पर पेज देखने के लिए “पूर्वावलोकन” का उपयोग करें.

अपने पेज को लाइव वेबसाइट पर धकेलने के लिए “प्रकाशित करें” का उपयोग करें। पृष्ठ प्रकाशित होने के बाद, यह बटन “अपडेट” में बदल जाएगा। अपने पृष्ठों के नए संस्करणों को साइट पर सहेजने और धकेलने के लिए इसका उपयोग करें.

समायोजन

जब गियर (सेटिंग्स) आइकन पर क्लिक किया जाता है, तो यह गुटेनबर्ग साइडबार को छुपाता है या दिखाता है। अक्षम होने पर यह कैसा दिखता है:

गुटेनबर्ग-टूलबार-सेटिंग-विकलांग

सक्षम होने पर यह ऐसा दिखता है:

गुटेनबर्ग-टूलबार-सेटिंग-सक्षम

अधिक विकल्प

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

गुटेनबर्ग-टूलबार-अधिक-विकल्प

राय

“दृश्य” से संबंधित विकल्पों का पहला सेट:

गुटेनबर्ग-टूलबार-देखें

“शीर्ष टूलबार” टूलबार को आपके ब्लॉक से बाहर ले जाता है और इसे स्क्रीन के शीर्ष पर चिपका देता है:

गुटेनबर्ग-टॉप-टूलबार

आपके द्वारा चयनित ब्लॉक के आधार पर संपादन विकल्प अभी भी बदलते हैं। एकमात्र अंतर यह है कि यह अब केवल पृष्ठ के शीर्ष पर स्थित है.

“स्पॉटलाइट मोड” उपयोग में आने वाले किसी भी ब्लॉक को मिटा देता है:

गुटेनबर्ग-स्पॉटलाइट-मोड

यदि आप एक बार में एक ब्लॉक पर ध्यान केंद्रित करने में मदद करना चाहते हैं, तो यह सक्षम करने के लिए एक उपयोगी उपकरण है.

“फुलस्क्रीन मोड” गुटेनबर्ग का व्याकुलता मुक्त लेखन मोड है:

गुटेनबर्ग-पूर्णस्क्रीन-मोड

यह शीर्ष पर बाईं ओर वर्डप्रेस मेनू को हटाता है और साथ ही दायीं ओर गुटेनबर्ग साइडबार भी है.

संपादक मोड

विकल्पों का अगला सेट संपादक मोड के लिए है.

गुटेनबर्ग-विकल्प-संपादक

डिफ़ॉल्ट रूप से, गुटेनबर्ग उपयोगकर्ताओं को “विज़ुअल एडिटर” में डालता है.

यदि आप HTML में अपना पृष्ठ बनाना चाहते हैं, तो आप “कोड संपादक” पर जा सकते हैं:

गुटेनबर्ग-कोड-संपादक

हालाँकि, HTML में अपने ब्लॉकों को संपादित करने का एक अधिक प्रभावी और साफ-सुथरा तरीका है इसे व्यक्तिगत रूप से संभालना (क्योंकि आपको शायद पूरे पृष्ठ के कोड को संपादित करने की आवश्यकता नहीं है).

आप “HTML के रूप में संपादित करें” के तहत कोड संपादक तक पहुँच सकते हैं:

गुटेनबर्ग-संपादित-एचटीएमएल

यह ब्लॉक को HTML में बदल देगा:

गुटेनबर्ग एचटीएम्एल ब्लॉक

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

गुटेनबर्ग-संपादित-दिखने में

उपकरण

गुटेनबर्ग भी उपकरण का एक सेट के साथ आता है जो आपको अनुमति देता है ताकि आप संपादक में अपने अनुभव को व्यवस्थित कर सकें:

गुटेनबर्ग-उपकरण

पहला उपकरण “ब्लॉक प्रबंधक” है:

गुटेनबर्ग-ब्लॉक-प्रबंधक

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

“पुन: प्रयोज्य ब्लॉक प्रबंधित करें” आपको पुन: प्रयोज्य ब्लॉक संपादक पर ले जाएगा:

गुटेनबर्ग-पुन: प्रयोज्य-ब्लाकों

यह वह जगह है जहां आपके सहेजे गए ब्लॉक संग्रहीत किए जाएंगे। ब्लॉक की मूल प्रति को संपादित करने के लिए (या पूरी तरह से एक नया बनाएं), यहां ऐसा करें.

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

गुटेनबर्ग-कीबोर्ड शॉर्टकट-

सभी “कॉपी कंटेंट” विकल्प पर प्रकाश डाला गया है और पेज पर सभी ब्लॉकों को कॉपी किया गया है। सामग्री और डिज़ाइन में समान नया पृष्ठ बनाने के लिए इसका उपयोग करें। बस पेजों पर जाएं> नया जोड़ें और फिर खाली पृष्ठ में अपने ब्लॉक पेस्ट करें.

यहां अंतिम विकल्प को “विकल्प” कहा जाता है। हालांकि, यह वास्तव में साइडबार पर दस्तावेज़ सेटिंग्स के कुछ हिस्सों को निष्क्रिय करने में सक्षम है:

गुटेनबर्ग-साइडबार-विकल्प

फिर, यदि आप पाते हैं कि आपके द्वारा उपयोग किए जाने वाले संपादक के कुछ भाग हैं (जैसे पृष्ठ गुण), तो उन्हें यहाँ अक्षम करें, ताकि वे उन तत्वों से विचलित न हों जिनका आपको उपयोग करने की आवश्यकता है.

लपेटें

क्योंकि वर्डप्रेस ने डे 1 के बाद से एक ही संपादक का उपयोग किया था, जब गुटेनबर्ग को पहली बार पेश किया गया था, तब कुछ बैकलैश थे.

लेकिन यदि आप वर्डप्रेस (Wix, Shopify, Squarespace, आदि) के आसपास ड्रैग-एंड-ड्रॉप प्रतियोगिता को देखते हैं, तो यह एक बदलाव का समय था।.

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

  • एक व्यक्तिगत संपादक दृश्य जो आपको अधिक उत्पादक बनाता है.
  • सामग्री बनाने और अनुकूलित करने में आसान.
  • तकनीकी ज्ञान के बिना और अधिक उन्नत सामग्री निर्माण-पहले की जरूरत थी.
  • पुन: प्रयोज्य ब्लॉक डिजाइन को गति देते हैं और स्थिरता साइट को सुनिश्चित करते हैं.
  • रूपांतरण तत्वों को जोड़ने और कॉन्फ़िगर करने में आसान (जैसे कॉल-टू-एक्शन बटन और फॉर्म).
  • लोकप्रिय प्लगइन्स और थीम गुटेनबर्ग-संगत हैं.
  • लॉन्च करने का तेज़ समय.

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map