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

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

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

जिस तरह से आप अपने ब्लॉग पोस्ट को वर्डप्रेस में लिखते हैं वह काफी बदल जाएगा (यद्यपि आप वर्तमान संपादक का उपयोग करने के लिए एक प्लगइन स्थापित करने में सक्षम होंगे, यदि वांछित हो)।

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

यह है सम्पूर्ण पुन: डिज़ाइन किया गया संपादन अनुभव।

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

वर्डप्रेस गुटेनबर्ग संपादक क्या है?

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

गुटेनबर्ग का लक्ष्य आकस्मिक उपयोगकर्ताओं के लिए उपयोग करके आसान सामग्री संरचना बनाना आसान और अधिक सुलभ बनाना है ब्लॉक (मैं इसे एक सेकंड में समझाता हूँ)।

या, मैट मुलेनवेग के शब्दों में, वर्डप्रेस के सह-संस्थापक:

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

यदि आप इस बारे में परिचित नहीं हैं कि मैं TinyMCE संपादक के बारे में क्या कह रहा हूँ, तो यह वर्तमान WordPress TinyMCE संपादक जैसा दिखता है:

gutenberg-editor

लेकिन नए इंटरफ़ेस स्टाइल के अलावा, गुटेनबर्ग जो वास्तविक परिवर्तन लाएगा, वह उस ब्लॉक-आधारित संपादन दृष्टिकोण में है।

और देखें:

वर्डप्रेस गुटेनबर्ग संपादक कैसे काम करता है?

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

गुटेनबर्ग बदलता है कि आप कई “ब्लॉक” का उपयोग करके अपनी पोस्ट लिखने देते हैं।

एक “ब्लॉक” बहुत कुछ भी हो सकता है। उदाहरण के लिए, ये एक ब्लॉक के रूप में गिना जाता है:

  • पाठ का एक पैराग्राफ
  • एक छवि
  • एक एम्बेडेड वीडियो
  • एक बोली
  • एक बटन

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

  • दो पैरा टेक्स्ट ब्लॉक
  • एक छवि ब्लॉक
  • एक वीडियो ब्लॉक

ब्लॉक कैसे काम करता है

और क्योंकि प्रत्येक ब्लॉक एक अलग इकाई है, आप आसानी से सिर्फ एक ही ब्लॉक में रंगीन पृष्ठभूमि लागू कर सकते हैं:

स्टाइलिंग ब्लॉक

लेकिन यहाँ ब्लॉकों के बारे में वास्तव में अच्छा हिस्सा है:

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

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

संक्षेप में, नया वर्डप्रेस गुटेनबर्ग संपादक वर्तमान टिनीएमसीई संपादक और अधिक शक्तिशाली पृष्ठ बिल्डरों के बीच कहीं बैठता है।

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

WordPress Gutenberg Editor Interface का एक परिचय

जब आप पहली बार गुटेनबर्ग के साथ एक नया पोस्ट या पेज बनाने के लिए जाते हैं, तो आप यहां देखें:

वर्डप्रेस गुटेनबर्ग संपादक इंटरफ़ेस

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

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

ब्लॉक क्या हैं, इस बारे में अधिक जानकारी के लिए, मेरा सुझाव है कि आप मेरे पोस्ट को ऊपर पढ़ें। लेकिन एक त्वरित रिफ्रेशर के रूप में, एक ब्लॉक मूल रूप से कुछ भी हो सकता है। यह हो सकता है:

  • पाठ का एक नियमित पैराग्राफ
  • एक छवि
  • एक सीटीए बटन
  • एक एम्बेडेड वीडियो

तृतीय-पक्ष डेवलपर अधिक कार्यक्षमता जोड़ने के लिए अपने स्वयं के ब्लॉक कोड करने में भी सक्षम होंगे। आप इसका एक उदाहरण पहले से ही BlocksWP सोशल शेयर ब्लॉक के साथ देख सकते हैं।

गुटेनबर्ग संपादक इंटरफ़ेस का उपयोग कैसे करें

यहाँ Gutenberg इंटरफ़ेस के विभिन्न क्षेत्रों में आप क्या करते हैं:

कैसे वर्डप्रेस गुटेनबर्ग संपादक का उपयोग करने के लिए

  1. नया ब्लॉक जोड़ने के लिए इस बटन पर क्लिक करें।
  2. पूर्ववत करें / फिर से करें बटन आपको Microsoft Word की तरह आसानी से संपादित करने के लिए आगे या पीछे चलते हैं।
  3. इस सेटिंग क्षेत्र में वर्तमान वर्डप्रेस संपादक साइडबार के समान कई विकल्प शामिल हैं। यह वह जगह है जहां आप श्रेणियां / टैग जोड़ते हैं, चित्रित छवि सेट करते हैं, प्रकाशन तिथि चुनें आदि।
  4. जब आप एक व्यक्तिगत ब्लॉक का चयन करते हैं, तो इस सेटिंग क्षेत्र में ऐसी सेटिंग्स शामिल होती हैं जो उस ब्लॉक के लिए विशिष्ट होती हैं। यह वह जगह है जहां आप रंग, शैली और अन्य महत्वपूर्ण ब्लॉक-विशिष्ट विवरण चुन सकते हैं।
  5. ये दो बटन आपको अपनी पोस्ट का पूर्वावलोकन या प्रकाशन करने देते हैं।

यदि आप पर क्लिक करते हैं + प्लस एक ब्लॉक को सम्मिलित करने के लिए बटन, यह एक विंडो खोलेगा जो आपको सभी उपलब्ध ब्लॉकों को ब्राउज़ करने देगा जो आप अपनी सामग्री में उपयोग कर सकते हैं:

अपनी सामग्री में ब्लॉक जोड़ना

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

आप ब्लॉक के नाम में टाइप करके एक विशिष्ट ब्लॉक को खोजने के लिए खोज बॉक्स का उपयोग कर सकते हैं।

कैसे Gutenberg संपादक का उपयोग कर एक ब्लॉग पोस्ट लिखने के लिए

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

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

पहले, आपको तालिका और CTA बटन बनाने के लिए कुछ अलग प्लगइन्स या कस्टम CSS की आवश्यकता होगी – लेकिन अब आप Gutenberg के साथ सब कुछ कर सकते हैं।

चरण 1: पैराग्राफ ब्लॉक का उपयोग करके अपना पाठ लिखें

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

कैसे gutenberg में पाठ जोड़ने के लिए

बहुत आसान अब तक, सही?

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

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

गूटेनबर्ग के साथ पाठ प्रारूपण

चरण 2: एक छवि ब्लॉक जोड़ें

अपने ब्लॉग पोस्ट में कहीं भी एक छवि जोड़ने के लिए, आपको बस उस जगह पर होवर करना होगा जहां आप अपनी छवि सम्मिलित करना चाहते हैं।

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

जब आप ऐसा करते हैं, तो आप एक नई छवि अपलोड करने में सक्षम होंगे या अपनी मीडिया लाइब्रेरी से एक छवि का चयन कर सकते हैं, जैसे आप वर्तमान वर्डप्रेस संपादक के साथ करते हैं:

कैसे गुटेनबर्ग के साथ एक छवि सम्मिलित करने के लिए

एक बार जब आप छवि ब्लॉक को सम्मिलित करते हैं, तो आप संपादक में वास्तविक छवि देखेंगे।

चरण 3: एक YouTube एम्बेड ब्लॉक जोड़ें

YouTube वीडियो एम्बेड करने के लिए, आप लगभग समान प्रक्रिया का पालन करते हैं:

  • उस स्थान पर होवर करें जहाँ आप अपना YouTube वीडियो एम्बेड करना चाहते हैं
  • दबाएं + प्लस आइकन
  • के पास जाओ एम्बेड टैब
  • चुनें यूट्यूब

फिर, आपको केवल वीडियो में URL पर पेस्ट करना होगा, क्लिक करें एम्बेड, और आप अपनी पोस्ट में अंतर्निहित वीडियो देखेंगे:

चरण 3: एक टेबल ब्लॉक जोड़ें

टेबल ब्लॉक आपको आसानी से अपनी सामग्री में कहीं भी एक टेबल सम्मिलित करने और हेरफेर करने देता है।

ऐसा करने के लिए, आपको उपरोक्त प्रक्रिया का पालन करना होगा। और एक बार जब आप इसे जोड़ते हैं, तो आप अस्थायी मेनू बार का उपयोग करके पंक्तियों और स्तंभों को जोड़ या हटा सकते हैं:

गुटेनबर्ग में एक वीडियो एम्बेड करें

चरण 4: जोड़ें और शैली बटन ब्लॉक

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

सबसे पहले, आप अन्य ब्लॉकों के समान समान प्रक्रिया का पालन करके एक बटन डाल सकते हैं। बटन के पाठ को संपादित करने के लिए, आपको बस क्लिक और टाइप करना होगा:

कैसे गुटेनबर्ग में cta बटन जोड़ने के लिए

आप भी जा सकते हैं खंड मैथा आपके बटन के रंग बदलने के लिए टैब:

कैसे gutenberg में शैली बटन के लिए

और बस! आपने अभी नए WordPress Gutenberg Editor का उपयोग करके एक पूरी ब्लॉग पोस्ट लिखी है। यह इतना आसान है।

कुछ अन्य सहायक चीजें जो आप वर्डप्रेस गुटेनबर्ग संपादक के साथ कर सकते हैं

ऊपर मैंने जो प्रदर्शन किया, उसके अलावा कुछ अन्य सहायक चीजें भी हैं जो आप गुटेनबर्ग के साथ कर सकते हैं।

एक विशेषता जो सहायक है वह आपकी पोस्ट में किसी भी पैराग्राफ ब्लॉक में एक अद्वितीय पृष्ठभूमि रंग जोड़ने की क्षमता है:

गुटेनबर्ग ब्लॉक पृष्ठभूमि

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

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

जैसा कि आप लिखते हैं, गुटेनबर्ग स्वचालित रूप से उस मैच के ब्लॉक का सुझाव देंगे:

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

गुटेनबर्ग में बढ़ते दर्द हो सकते हैं, लेकिन यह लंबे समय में अच्छा होना चाहिए

वर्डप्रेस काफी समय से एक ही TinyMCE एडिटर का उपयोग कर रहा है, जब तक कि ज्यादातर लोग याद कर सकते हैं, इसलिए मुझे लगता है कि यह काफी अपरिहार्य है कि वर्डप्रेस 5.0 के आने पर दर्द बढ़ने वाला है।

आपको पूरी तरह से नया इंटरफ़ेस सीखने की आवश्यकता होगी, जो स्पष्ट रूप से कुछ समायोजन लेने वाला है।

लेकिन लंबे समय में, उस नए इंटरफ़ेस से आपको भयानक सामग्री बनाने के लिए अधिक शक्ति मिलनी चाहिए।

अब मैं आपसे सुनना चाहता हूं। आप गुटेनबर्ग संपादक के बारे में अब तक क्या सोचते हैं? क्या आपको यह पसंद है? या क्या आप अभी भी वर्तमान वर्डप्रेस संपादक को पसंद करते हैं? टिप्पणियों में क्या है मुझे जानने दें!

और देखें:

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top