Page Builder Sandwich आपके सामान्य पेज बिल्डर जैसा नहीं है, यह सीधा-सादा और इस्तेमाल करने में आसान है।
त्वरित परिचय के लिए आप नीचे दिया गया वीडियो देख सकते हैं।
एडिटर कहाँ है?
पहले, एक नया पेज, पोस्ट या CPT बनाएँ। फिर अपने फ्रंटएंड में अपनी नई पोस्ट या किसी मौजूदा पोस्ट पर जाएँ। PBS 100% फ्रंटएंड है, आपको बैकएंड में माथापच्ची नहीं करनी पड़ेगी।
आपके पेज के शीर्ष पर (आपके एडमिन बार पर) एक “Page Builder Sandwich” बटन होना चाहिए, संपादन शुरू करने के लिए उस पर क्लिक करें। आपको ऊपर से टेक्स्ट फ़ॉर्मेटिंग क्षेत्र और साइड से एलिमेंट जोड़ने वाला पैनल पॉप अप होता हुआ दिखाई देना चाहिए। आपकी थीम का कंटेंट क्षेत्र अब आपका एडिटर है!
आप PBS से केवल अलग-अलग पेज ही संपादित कर सकते हैं। आप ब्लॉग पोस्ट की सूची, या 404 पेज को संपादित नहीं कर सकते क्योंकि वे आपकी थीम द्वारा बनाए जाते हैं। पोस्ट, पेज और कस्टम पोस्ट प्रकार ठीक हैं।
अपनी सामग्री संपादित करना
अब आता है सबसे बेहतरीन हिस्सा.. एक बार जब आप फ्रंटएंड और एडिटर के अंदर आ जाते हैं, तो अपनी सामग्री में किसी भी टेक्स्ट पर क्लिक करें या अपने कंटेंट क्षेत्र के अंदर क्लिक करें और टाइप करना शुरू करें! अन्य पेज बिल्डरों के विपरीत, PBS आपको पॉपअप डायलॉग बॉक्स से गुजरे बिना सीधे सामग्री को संपादित करने की अनुमति देता है।
अपनी सामग्री को फ़ॉर्मेट करना / चीज़ों को सुंदर बनाना
संपादन करते समय, शीर्ष पर स्थित क्षेत्र को टेक्स्ट फ़ॉर्मेटिंग बार कहा जाता है। इस बार में वे सभी फ़ॉर्मेटिंग टूल शामिल हैं जिनका उपयोग आप टेक्स्ट को स्टाइल करने के लिए करेंगे जैसे: रंग, बोल्ड, इटैलिक, अलाइनमेंट, लिंक जोड़ना, बुलेट और बहुत कुछ। यह जानने के लिए कि कौन सा टूल क्या करता है, प्रत्येक बटन पर कर्सर ले जाएँ।
एलिमेंट्स जोड़ना
ऐड एलिमेंट पैनल दिखाने के लिए स्क्रीन के ऊपरी बाएँ कोने में ऐड एलिमेंट्स बटन पर अपना माउस ले जाएँ। आप इसे दिखाने के लिए बस अपने माउस को स्क्रीन के बाईं ओर भी ले जा सकते हैं।
किसी भी एलिमेंट को डालने के लिए, उस पर माउस दबाए रखें, फिर उसे अपने कंटेंट क्षेत्र में खींचें। वह क्षेत्र जहाँ एलिमेंट रखा जाएगा, हाइलाइट हो जाएगा। एलिमेंट को स्थापित करने के लिए अपने माउस का बटन छोड़ें।
एलिमेंट्स को स्टाइल और संशोधित करना
अपनी सामग्री में मौजूद किसी भी एलिमेंट पर अपना माउस ले जाएँ और फिर उन पर आउटलाइन और टूलबार दिखाई देने चाहिए।
एलिमेंट्स के बीच मार्जिन बढ़ाने/घटाने के लिए आप आउटलाइन के किनारों पर अपना माउस ले जा सकते हैं।
एलिमेंट पर त्वरित कार्रवाई करने के लिए आप टूलबार पर किसी बटन पर भी क्लिक कर सकते हैं। टूलबार पर गियर आइकन पर क्लिक करने से प्रॉपर्टीज़ इंस्पेक्टर खुल जाएगा जिसमें और अधिक विकल्प शामिल हैं।
प्रॉपर्टीज़ इंस्पेक्टर
प्रॉपर्टीज़ इंस्पेक्टर आपको अपने एलिमेंट्स के स्वरूप पर अधिक नियंत्रण देता है। आप बहुत सी चीज़ें जोड़ सकते हैं जैसे शैडो, एनिमेशन, मैप के रंग बदलना, बॉर्डर रेडियस और बहुत कुछ।
आप एलिमेंट के पैरेंट्स की प्रॉपर्टीज़ तक भी पहुँच सकते हैं। उदाहरण के लिए, यदि आपने किसी कॉलम के अंदर कोई इमेज रखी है और प्रॉपर्टीज़ इंस्पेक्टर खोला है, तो आप इमेज की प्रॉपर्टीज़, जिस कॉलम में यह शामिल है, और जिस पंक्ति (रो) में कॉलम शामिल है, उन सभी की प्रॉपर्टीज़ तक पहुँच सकते हैं।
प्रॉपर्टीज़ इंस्पेक्टर में अलग-अलग एलिमेंट्स के लिए कई अलग-अलग सेटिंग्स शामिल हैं, इसलिए उन सभी को ज़रूर देखें।
शॉर्टकोड का उपयोग करना
Page Builder Sandwich आपको फ्रंटएंड में वास्तविक शॉर्टकोड दिखाता है, और आप उन्हें आसानी से संपादित भी कर सकते हैं!
यदि आपको अपने शॉर्टकोड याद हैं, तो आप उन्हें सीधे अपनी सामग्री में टाइप करके सम्मिलित कर सकते हैं। लेकिन अगर आपको वे सभी याद नहीं हैं (भला कौन याद रखता है?), तो इंस्पेक्टर आपकी साइट पर उपलब्ध सभी शॉर्टकोड सूचीबद्ध करता है। इंस्पेक्टर से एक शॉर्टकोड बटन को अपने कंटेंट क्षेत्र में खींचें और वह ढूंढें जिसे आप डालना चाहते हैं, उसे सम्मिलित करने के लिए उस पर क्लिक करें।
शॉर्टकोड फ्रंटएंड में वास्तविक सामग्री में रेंडर हो जाते हैं, उन्हें संपादित करने के लिए, आप उन्हें चुन सकते हैं और इंस्पेक्टर में उनकी विशेषताओं की जांच कर सकते हैं। या अधिक नियंत्रण के लिए, आप शॉर्टकोड को उसके रॉ रूप में संपादित करने के लिए उस पर डबल क्लिक कर सकते हैं। अपने संपादन करने के बाद, आपका शॉर्टकोड परिवर्तनों को दर्शाने के लिए अपडेट हो जाएगा।
अपनी सामग्री को पुनर्व्यवस्थित करना
आप PBS के साथ किसी भी चीज़ पर क्लिक करके खींच सकते हैं और उन्हें कहीं भी ले जा सकते हैं। जब आप किसी चीज़ को खींचते हैं, तो उसे पेज में किसी अन्य एलिमेंट के ऊपर ले जाएँ, आप उन्हें किसी भी अन्य सामग्री के ऊपर या नीचे ले जा सकते हैं।
अपना काम सहेजना
एक बार जब आप अपने डिज़ाइन से संतुष्ट हो जाएँ, तो बस अपने पेज के ऊपर बाईं ओर स्थित सेव बटन पर क्लिक करें। बस इतना ही!