Page Builder Sandwich आपके सामान्य पेज बिल्डर जैसा नहीं है, यह सरल और उपयोग में आसान है।

आप एक त्वरित परिचय के लिए नीचे दिया गया वीडियो देख सकते हैं।

एडिटर कहाँ है?

सबसे पहले, एक नया पेज, पोस्ट या CPT बनाएं। फिर अपने फ्रंटएंड में अपने नए पोस्ट या किसी मौजूदा पोस्ट पर जाएं। PBS 100% फ्रंटएंड है, आपको बैकएंड में बदलाव करने की आवश्यकता नहीं होगी।

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

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

अपने कंटेंट को संपादित करना

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

अपने कंटेंट को फ़ॉर्मेट करना / चीज़ों को सुंदर बनाना

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

एलिमेंट्स जोड़ना

Add Element Panel प्रदर्शित करने के लिए स्क्रीन के ऊपरी बाएँ कोने में Add Elements बटन पर अपना माउस घुमाएँ। आप इसे प्रदर्शित करने के लिए अपने माउस को स्क्रीन के बाएँ भाग में भी ले जा सकते हैं।

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

एलिमेंट्स को स्टाइल और संशोधित करना

अपने कंटेंट में मौजूद किसी भी एलिमेंट पर माउस घुमाएँ और फिर उनके ऊपर आउटलाइन और टूलबार दिखाई देने चाहिए।

एलिमेंट्स के बीच मार्जिन बढ़ाने/घटाने के लिए आप आउटलाइन के किनारों पर अपना माउस घुमा सकते हैं।

एलिमेंट पर त्वरित क्रियाएं करने के लिए आप टूलबार पर मौजूद किसी बटन पर भी क्लिक कर सकते हैं। टूलबार पर gear आइकन पर क्लिक करने से Properties Inspector खुल जाएगा जिसमें अधिक विकल्प होते हैं।

The Properties Inspector

Properties Inspector आपको अपने एलिमेंट्स के स्वरूप पर अधिक नियंत्रण प्रदान करता है। आप छाया (शैडो), एनिमेशन, मैप के रंग बदलना, बॉर्डर रेडियस और बहुत कुछ जोड़ सकते हैं।

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

Properties Inspector में विभिन्न एलिमेंट्स के लिए कई अलग-अलग सेटिंग्स होती हैं, इसलिए उन सभी को देखना न भूलें।

शॉर्टकोड का उपयोग करना

Page Builder Sandwich आपको फ्रंटएंड में वास्तविक शॉर्टकोड दिखाता है, और आप उन्हें आसानी से संपादित भी कर सकते हैं! 

यदि आपको अपने शॉर्टकोड याद हैं, तो आप उन्हें सीधे अपने कंटेंट में टाइप करके सम्मिलित कर सकते हैं। लेकिन अगर आपने उन सभी को याद नहीं किया है (ऐसा कौन करता है?), तो इंस्पेक्टर आपकी साइट में उपलब्ध सभी शॉर्टकोड की सूची दिखाता है। इंस्पेक्टर से अपने कंटेंट एरिया में एक Shortcode बटन खींचें (ड्रैग करें) और वह शॉर्टकोड ढूंढें जिसे आप सम्मिलित करना चाहते हैं, उसे सम्मिलित करने के लिए उस पर क्लिक करें।

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

अपने कंटेंट को पुनर्व्यवस्थित करना

आप PBS के साथ किसी भी चीज़ पर क्लिक करके खींच सकते हैं और उन्हें कहीं भी ले जा सकते हैं। जब आप किसी चीज़ को खींचते हैं, तो उसे पेज में किसी अन्य एलिमेंट के ऊपर ले जाएँ, आप उन्हें किसी भी अन्य कंटेंट के ऊपर या नीचे ले जा सकते हैं।

अपना काम सहेजना (सेव करना)

एक बार जब आप अपने डिज़ाइन से संतुष्ट हो जाएं, तो बस अपने पेज के ऊपर बाईं ओर मौजूद सेव बटन पर क्लिक करें। बस हो गया!