ब्लॉग

From the word itself, the word shortcode means exactly that: A short code; a shortcut code.

शॉर्टकोड आपको डेवलपर्स की तरह कोड के बड़े हिस्से जोड़े बिना, अपनी वेबसाइट में चीज़ें (जैसे कि विजेट्स) जोड़ने की अनुमति देते हैं।

उदाहरण के लिए, लंबाई के मामले में कोड का एक सामान्य हिस्सा शायद कुछ इस तरह दिखेगा:

<html>Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Etiam id aliquam turpis. Vivamus quis arcu tincidunt, finibus urna eget, placerat risus.

Aliquam arcu massa, finibus et lacinia sed, scelerisque nec augue. Quisque eu viverra sapien, vel consequat lorem. Integer vel erat tortor.

Phasellus condimentum magna eget congue venenatis. Suspendisse blandit vehicula consectetur.

Nullam sodales eleifend massa, in bibendum purus fermentum id.

Morbi et turpis feugiat, malesuada ipsum sit amet, interdum nulla. In non ante nec nisl mattis gravida sit amet id lectus.

</html>​

इस उदाहरण के लिए, मान लेते हैं कि ऊपर दिया गया कोड आपको लोरेम इप्सम (Lorem Ipsum) प्लेसहोल्डर टेक्स्ट का एक पूरा पैराग्राफ जोड़ने की अनुमति देगा।

Now, a shortcode with the same exact function as the code above will look something like this, in contrast:

[lorem ipsum dolor estat]Lorem Ipsum[/lorem]​

You can see how they’re miles different from each other in terms of length.

अब कल्पना कीजिए कि कोड के दोनों हिस्से– मूल, लंबा हिस्सा, बनाम केवल “lorem” शब्द वाला शॉर्टकोड, दोनों बिल्कुल एक ही काम करेंगे: लोरेम इप्सम टेक्स्ट जोड़ना।

This is what shortcodes do. They make adding widgets, functions, and a bunch of other cool stuff easier for both ordinary WordPress users and developers alike.

Where can I find shortcodes?

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

Shortcodes Ultimate, for example, will let you choose from hundreds of shortcodes that you can use on Page Builder Sandwich (or anywhere, actually) by simply grabbing the shortcode of your choice from Shortcode Ultimate’s repository or documentation page.

Adding Custom Shortcodes on PBS

पेज बिल्डर सैंडविच (Page Builder Sandwich) पर, आप अपने कंटेंट क्षेत्र में केवल टाइप करके या कॉपी-पेस्ट करके सीधे अपने पेज पर शॉर्टकोड जोड़ सकते हैं।

हमने पेज बिल्डर सैंडविच डेमो पेज पर एक कंटेंट बॉक्स जोड़ते हुए, शॉर्टकोड्स अल्टीमेट (Shortcodes Ultimate) के शॉर्टकोड के साथ नीचे ऐसा किया है:

Another thing you’ll find handy when using Page Builder Sandwich is our Shortcode Mapping feature.

शॉर्टकोड मैपिंग पर हमारे पिछले लेखों में से एक से, परिभाषा इस प्रकार है:

Shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

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

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

So for example, if I wanted to add a WooCommerce shortcode on my page, all I have to do is make sure that it’s installed on my WordPress site, like so:

And then, to actually add the shortcode, I’ll just go to my page, and drag and drop the Shortcode Element:

Because we already have WooCommerce installed on our WordPress site, you can see that all of the shortcodes that are available on the WooCommerce plugin are already available on Page Builder Sandwich. This is what Shortcode Mapping is.

You can also see on the upper left corner that the ACF (Advanced Custom Fields) and MailChimp shortcodes are available– because we have those instlled on our WordPress site, too.

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

Here are some other helpful plugins that you can use to create your own custom shortcodes:

बाज़ार में दर्जनों पेज बिल्डर्स उपलब्ध हैं, और आप खुद से यह सवाल ज़रूर पूछ रहे होंगे: Page Builder Sandwich में ऐसा क्या खास है? अगर आपके पास पहले से ही कोई पेज बिल्डर मौजूद है, तो आप इसका उपयोग करने का झंझट क्यों उठाना चाहेंगे?

इस लेख में, मैं Page Builder Sandwich में मौजूद उन कुछ प्रमुख विशेषताओं को सूचीबद्ध करूँगा जो इसे अनूठा बनाती हैं, और सामग्री निर्माताओं तथा डिज़ाइनरों दोनों के लिए पूरी तरह अनिवार्य बनाती हैं। यदि आप नहीं जानते कि पेज बिल्डर क्या है और आपको इसकी आवश्यकता क्यों है, तो चिंता न करें, हमारे पास कुछ ऐसी सामग्री है जो आपकी मदद कर सकती है।

1. आप केवल अपनी सामग्री का दृश्य रूप ही नहीं देखेंगे, बल्कि अपनी वास्तविक सामग्री को देखेंगे और संपादित करेंगे

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

Page Builder Sandwich के साथ, सारा संपादन आपकी साइट के फ्रंट एंड में किया जाता है और वास्तविक ‘व्हाट-यू-सी-इज़-व्हाट-यू-गेट’ अनुभव के लिए आप अपनी सामग्री को सीधे संपादित करते हैं।

2. उन सभी परेशान करने वाले पॉपअप डायलॉग के बिना त्वरित और आसान सीधा संपादन

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

हमने Page Builder Sandwich में पॉपअप के उपयोग को पूरी तरह न्यूनतम करने का लक्ष्य बनाया है। पॉपअप को हटाकर, किसी भी सामग्री को संपादित करना पहले से कहीं अधिक आसान और सहज बना दिया गया है।

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

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

3. वर्डप्रेस की कार्यक्षमता का पुनः उपयोग

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

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

अपने स्वयं के कलर पिकर का उपयोग करने के बजाय, हम Iris कलर पिकर का उपयोग करते हैं। अपने स्वयं के इमेज अपलोडर के बजाय, हम मीडिया मैनेजर का उपयोग करते हैं। इसके अलावा कुछ और उपयोगी स्क्रिप्ट जैसे backbonejs, underscorejs, wp.hooks और wp.shortcode भी हैं। हम इन सभी का उपयोग करते हैं, और इसने हमारे काम को आसान बना दिया है तथा यह अधिक स्थिर कोडबेस की ओर भी ले जाता है।

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

4. कीबोर्ड नेविगेशन और शॉर्टकट

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

उदाहरण के लिए, कुछ बिल्डरों में, आप जहाँ संपादन कर रहे हैं उससे एक पैराग्राफ/सेक्शन ऊपर के टेक्स्ट को आसानी से संपादित नहीं कर सकते क्योंकि आपको एक पॉपअप डायलॉग से बाहर क्लिक करना होगा और एक नए में क्लिक करना होगा। Page Builder Sandwich में, आप अपने कीबोर्ड से नेविगेट कर सकते हैं। अपनी सामग्री के बीच नेविगेट करने के लिए एरो कीज़ दबाएं, यह तब भी काम करता है जब आपकी अन्य सामग्री किसी अन्य पंक्ति या स्तंभ के अंदर मौजूद हो।

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

5. एक वास्तविक फ्रंटएंड पेज बिल्डर – अधिक आरामदायक और झंझट-मुक्त संपादन अनुभव

विकास के दौरान हमारी सोच यह थी कि फ्रंट एंड में संपादन करते समय ऐसा महसूस नहीं होना चाहिए कि आप अभी भी बैक एंड टूल्स का उपयोग करके संपादन कर रहे हैं। ऐसा नहीं लगना चाहिए कि बिल्डर को शुरुआत में बैक एंड के लिए बनाया गया था और फिर फ्रंट एंड में पोर्ट किया गया था।

कुल मिलाकर, मेरे लिए, Page Builder Sandwich का मुख्य अंतर यह है कि हमने इसे एक “वास्तविक” फ्रंटएंड पेज बिल्डर बनने के लक्ष्य के साथ बनाया है – एक नई कल्पना कि फ्रंट एंड संपादन वास्तव में कैसा होना चाहिए।

यदि आप एक ऐसे समर्पित ब्लॉगर हैं, जिनका सारा कंटेंट निर्माण केवल पूरे लेख लिखने के इर्द-गिर्द घूमता है जिसमें कभी-कभार कोई पूरक छवि शामिल होती है, तो शायद मौजूदा TinyMCE कंटेंट एडिटर आपकी ज़रूरतों के लिए काफी है। वर्तमान टूलसेट में पहले से ही लेख लिखने के लिए आवश्यक उपकरण मौजूद हैं, आपके पास बोल्ड, इटैलिक, हेडिंग आदि जैसे बुनियादी टेक्स्ट फॉर्मेटिंग उपकरण हैं। लेकिन बस इतना ही।

कोई आसान लेआउट क्षमताएं नहीं

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

दूसरों ने वर्डप्रेस के शॉर्टकोड फीचर का उपयोग करके इस समस्या से निपटने की कोशिश की है। संक्षेप में कहें तो, शॉर्टकोड विशेष टैग का उपयोग करके कोड के स्निपेट डालने की अनुमति देते हैं। ऐसे वर्डप्रेस प्लगइन्स हैं जो विभिन्न शॉर्टकोड पेश करते हैं जिनका उपयोग आप कॉलम वाले कंटेंट बनाने के लिए कर सकते हैं। उदाहरण के लिए, यदि आप अपने कंटेंट को दो-कॉलम लेआउट में रखना चाहते हैं तो आप उसे कई कॉलम टैग्स के साथ लपेट (wrap) सकते हैं। हालांकि यह तरीका “काम करता है”, लेकिन यह विज़ुअल रूप से अनुकूल नहीं है क्योंकि अंततः, जैसे-जैसे आप अधिक कंटेंट जोड़ते जाएंगे, सब कुछ एक बड़े अव्यवस्थित ढेर जैसा दिखने लगेगा।

लेआउट की इस कमी को पूरा करने के लिए, पेज बिल्डर्स बनाए गए थे।

पेज बिल्डर्स लेआउट किए गए कंटेंट को बनाना आसान बनाते हैं

पेज बिल्डर्स आपको अतिरिक्त उपकरण देते हैं जो आपके कंटेंट को अद्वितीय लेआउट में व्यवस्थित करना आसान बनाते हैं। पेज बिल्डर्स आमतौर पर बैक-एंड TinyMCE कंटेंट एडिटर को हटा देते हैं और इसे एक नए एडिटर से बदल देते हैं (या जोड़ते हैं) जो आपके कंटेंट को विज़ुअलाइज़ करने में आपकी मदद करेगा। यदि आपने पहले कभी बैक-एंड पेज बिल्डर का उपयोग नहीं किया है, तो ब्लॉक्स के एक सेट की कल्पना करें जहाँ प्रत्येक ब्लॉक एक प्रकार के कंटेंट का प्रतिनिधित्व करेगा: एक छवि, टेक्स्ट या एक शॉर्टकोड। फिर यह आपको उन्हें अलग-अलग लेआउट और कॉलम में ड्रैग और ड्रॉप करने की अनुमति देगा।

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

फ्रंट-एंड पेज बिल्डर्स ही भविष्य हैं

हालाँकि यह सब डिजाइनरों और कंटेंट क्रिएटर्स के लिए एक बेहतर अनुभव है, लेकिन बैक-एंड पेज बिल्डर में एक बड़ी अंतर्निहित समस्या होती है। यद्यपि आप यह देख सकते हैं कि आपका कंटेंट कैसा दिखेगा, लेकिन जो आप देख रहे हैं वह आपका वास्तविक कंटेंट नहीं है। इसके कारण लोग लगातार अपने पेजों के पूर्वावलोकन (preview) की जाँच करते रहते हैं ताकि यह देख सकें कि वे जो कर रहे हैं वह सही है या नहीं। बैक-एंड पेज बिल्डर्स का उपयोग करते समय, मैं व्यक्तिगत रूप से केवल यह देखने के लिए कि मेरा कंटेंट सही ढंग से संरेखित है या मेरे मार्जिन समान रूप से व्यवस्थित हैं, आसानी से कम से कम 20 बार पूर्वावलोकन बटन पर क्लिक करता हूँ। यह बहुत समय लेने वाली झुंझलाहट है।

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

वर्तमान समय में बहुत सारे बैक-एंड पेज बिल्डर्स हैं और केवल कुछ ही फ्रंट-एंड पेज बिल्डर्स हैं। उन मुट्ठी भर बिल्डर्स में Page Builder Sandwich भी शामिल है। यदि आप इस बारे में अधिक जानना चाहते हैं कि Page Builder Sandwich को क्या अनूठा बनाता है और यह आपके लिए सही उपकरण क्यों है, तो यह लेख पढ़ें: Page Builder Sandwich बाकियों से कैसे अलग है.

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

यदि आप जानना चाहते हैं कि Page Builder Sandwich बाज़ार के अन्य पेज बिल्डरों से कैसे अलग है, तो हमारा लेख देखें Page Builder Sandwich बाकियों से कैसे अलग है.

यह कहाँ है? और मैं इससे क्या संपादित कर सकता हूँ?

अन्य कई पेज बिल्डरों के विपरीत, Page Builder Sandwich आपकी वेबसाइट के फ्रंट एंड में रहता है। यदि आप बैक एंड में हैं, तो हमने सामग्री संपादक बटनों के साथ एक “Frontend” बटन प्रदान किया है जो आपको आपके पेज के फ्रंट एंड पर ले जाएगा।

Page Builder Sandwich आपको अपने पोस्ट, पेज और कस्टम पोस्ट प्रकार की सामग्री को संपादित करने की अनुमति देता है। हालाँकि, यह आपको अपने समग्र (aggregated) फ्रंटपेज ब्लॉग पोस्ट और आपकी साइट के अन्य गैर-एकल क्षेत्रों को सीधे संपादित करने की अनुमति नहीं देता है। इसे बस इस तरह से समझें, यदि आप जिसे संपादित करना चाहते हैं उसका बैक एंड में कोई सामग्री संपादक है (जैसे “New Post” और “New Page”), तो Page Builder Sandwich का उपयोग किया जा सकता है। आप अपने अलग-अलग पेजों और ब्लॉग पोस्टों को संपादित कर सकते हैं, और यदि उदाहरण के लिए आपके पास कोई ऐसा प्लगइन है जो रेस्तरां मेनू या पोर्टफोलियो आइटम प्रस्तुत करता है, तो आप उन्हें भी संपादित कर सकते हैं।

फ्रंट एंड में रहते हुए, हमने आपके एडमिनबार में एक नीला “Edit with Page Builder Sandwich” बटन रखा है। अपने पेज को संपादित करना शुरू करने के लिए बस उस पर क्लिक करें।

सीधा सामग्री संपादन

Page Builder Sandwich के साथ, हमने सामग्री संपादन को यथासंभव आसान और झंझट-मुक्त बना दिया है। सामग्री संपादित करना सीधा और आसान है, बस क्लिक करें और टाइप करें। यह इतना सरल है।

प्रस्तुत है, इंस्पेक्टर

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

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

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

WordPress थीम के साथ एकीकरण

Page Builder Sandwich में स्वाभाविक रूप से लगभग कोई स्टाइलिंग शामिल नहीं है। जब आप अपनी सामग्री संपादित कर रहे होते हैं, तो आपको दिखने वाले स्टाइल मुख्य रूप से आपकी थीम पर आधारित होते हैं।

शॉर्टकोड के साथ एकीकरण

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

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

वेबसाइट ब्लोट के बारे में क्या?

धीमी वेबसाइटें किसे पसंद हैं? हमें नहीं, और निश्चित रूप से आपको भी नहीं। हमने यह सुनिश्चित किया है कि Page Builder Sandwich का आपकी वेबसाइट के प्रदर्शन पर लगभग शून्य प्रभाव पड़े। लॉग आउट होने पर, कम से कम, केवल पंक्ति और स्तंभ CSS स्टाइल ही कतारबद्ध होते हैं, साथ ही आपके द्वारा उपयोग किए गए शॉर्टकोड के लिए आवश्यक JS और CSS स्क्रिप्ट भी कतारबद्ध होती हैं।

डेवलपर्स के लिए

यदि आप एक डेवलपर हैं और आपके WordPress प्लगइन्स में शॉर्टकोड हैं, तो Page Builder Sandwich एक Shortcode API प्रदान करता है ताकि आप अपने ग्राहकों को अपने शॉर्टकोड के आसान निर्माण और संशोधन के लिए फ़ील्ड आसानी से प्रदान कर सकें।

यदि आप क्षमताओं को और बढ़ाना चाहते हैं या Page Builder Sandwich के कुछ हिस्सों के साथ एकीकृत करना चाहते हैं, तो हमारे पास कई उपयोगी एक्शन और फ़िल्टर हुक भी हैं जिनका आप उपयोग कर सकते हैं।