पृष्ठ संपादक का उपयोग करना
B1 पृष्ठ संपादक एक दृश्य ड्रैग-और-ड्रॉप बिल्डर है जो आपको किसी भी कोड लिखे बिना अपनी चर्च वेबसाइट पृष्ठों को डिज़ाइन करने देता है। आप अनुभाग और सामग्री ब्लॉक जोड़ सकते हैं, शैलियों को अनुकूलित कर सकते हैं, अपने काम का प्रीव्यू कर सकते हैं और परिवर्तनों को पूर्ववत कर सकते हैं -- सब कुछ आपके ब्राउज़र के भीतर से।
शुरू करने से पहले
- अपनी वेबसाइट को कॉन्फ़िगर करने के लिए प्रारंभिक सेटअप पूरा करें
- पृष्ठों का प्रबंधन में कम से कम एक पृष्ठ बनाएँ
- आपको संपादक तक पहुँचने के लिए content.edit अनुमति चाहिए
संपादक खोलना
- B1 Admin में, बाईं ओर मेनू में वेबसाइट पर क्लिक करें।
- पृष्ठ तालिका में उस पृष्ठ को खोजें जिसे आप संपादित करना चाहते हैं और संपादित करें पर क्लिक करें।
संपादक पूर्ण-स्क्रीन मोड में खुलता है। बाईं ओर पैनल आपकी पृष्ठ संरचना और उपलब्ध सामग्री तत्व दिखाता है; मध्य क्षेत्र आपके पृष्ठ का लाइव प्रीव्यू दिखाता है।
संपादक हमेशा हल्के मोड में प्रदर्शित होता है, आपकी B1 Admin थीम सेटिंग की परवाह किए बिना। यह सुनिश्चित करता है कि प्रीव्यू सटीक रूप से मेल खाता है कि आपका पृष्ठ वेबसाइट आगंतुकों को कैसे दिखेगा।
पृष्ठ संरचना: अनुभाग और तत्व
हर पृष्ठ दो स्तरों से बना है:
- अनुभाग -- शीर्ष-स्तरीय कंटेनर जो आपके पृष्ठ को क्षैतिज बैंड में विभाजित करते हैं (उदाहरण के लिए, एक नायक अनुभाग, एक सामग्री ब्लॉक या एक पाद पट्टी स्ट्रिप)। सामग्री जोड़ने से पहले हर पृष्ठ के पास कम से कम एक अनुभाग होना चाहिए।
- तत्व -- एक अनुभाग के भीतर रखे गए व्यक्तिगत सामग्री टुकड़े, जैसे पाठ, छवियाँ, बटन, कार्ड, फॉर्म और कैलेंडर।
एक अनुभाग जोड़ना
- अनुभाग जोड़ें (या बाईं ओर पैनल के शीर्ष पर + बटन) पर क्लिक करें।
- अपने अनुभाग के लिए एक लेआउट चुनें -- विकल्प एकल स्तंभ, दो स्तंभ, तीन स्तंभ आदि शामिल हैं।
- नया अनुभाग प्रीव्यू में दिखाई देता है। इसे अपनी पृष्ठभूमि रंग, पैडिंग और अन्य शैली विकल्प कॉन्फ़िगर करने के लिए इसे चुनने के लिए क्लिक करें।
एक अनुभाग में तत्व जोड़ना
- प्रीव्यू में एक अनुभाग के भीतर क्लिक करके इसे चुनें।
- सामग्री जोड़ें पर क्लिक करें और सूची से एक तत्व प्रकार चुनें:
- पाठ -- शीर्षक, अनुच्छेद और समृद्ध पाठ
- छवि -- एक फ़ोटो अपलोड या लिंक करें
- बटन -- एक क्लिक योग्य कॉल-टू-एक्शन लिंक
- कार्ड -- एक शीर्षक और विवरण के साथ एक छवि
- फॉर्म -- एक फॉर्म को सीधे पृष्ठ पर एम्बेड करें
- कैलेंडर -- एक घटना कैलेंडर प्रदर्शित करें
- FAQ -- अक्सर पूछे जाने वाले प्रश्न और उत्तर ब्लॉक को समझौते की शैली में
- वीडियो -- URL द्वारा एक वीडियो एम्बेड करें
- समूह ब्राउज़र -- सभी चर्च समूहों की एक फ़िल्ट्रेबल निर्देशिका, वैकल्पिक खोज, श्रेणी फ़िल्टर और लेबल फ़िल्टर के साथ
- दिखाई देने वाली सेटिंग्स पैनल का उपयोग करके तत्व को कॉन्फ़िगर करें।
सामग्री को पुनः व्यवस्थित करना
प्रत्येक आइटम के बाईं ओर हैंडल आइकन (छह डॉट) का उपयोग करके अनुभागों या तत्वों को खींचकर पुनः व्यवस्थित करें। आप अनुभाग के भीतर तत्वों को खींच सकते हैं या उन्हें अनुभागों के बीच ले जा सकते हैं।
अपने पृष्ठ को स्टाइल करना
अनुभाग शैलियाँ
अपनी शैली पैनल खोलने के लिए किसी भी अनुभाग पर क्लिक करें। आप सेट कर सकते हैं:
- पृष्ठभूमि -- ठोस रंग, ढाल या छवि
- पैडिंग -- अनुभाग के भीतर ऊपर और नीचे की दूरी
- चौड़ाई -- पूर्ण-चौड़ाई या केंद्रीकृत/समाहित
तत्व शैलियाँ
अपनी शैली पैनल खोलने के लिए किसी भी तत्व पर क्लिक करें। सामान्य विकल्प फ़ॉन्ट आकार, रंग, संरेखण, मार्जिन और पैडिंग शामिल हैं। छवियों के लिए, आप alt पाठ और लिंक लक्ष्य सेट कर सकते हैं।
कस्टम CSS
उन्नत शैली के लिए, प्रत्येक अनुभाग और तत्व का अपना कस्टम CSS फ़ील्ड है जहाँ आप अपने CSS नियम लिख सकते हैं। ये उस तत्व तक सीमित हैं, इसलिए वे अनजाने में पृष्ठ के बाकी हिस्सों को प्रभावित नहीं करेंगे।
यदि आपको अपनी पूरी साइट पर शैलियों को लागू करने की आवश्यकता है -- जैसे कि कस्टम फ़ॉन्ट या वैश्विक रंग -- तो व्यक्तिगत पृष्ठों पर कस्टम CSS के बजाय उपस्थिति सेटिंग्स का उपयोग करें।
अपने पृष्ठ का प्रीव्यू करना
विभिन्न स्क्रीन आकारों पर आपके पृष्ठ को कैसे दिखता है यह जाँचने के लिए प्रीव्यू नियंत्रण का उपयोग करें:
- डेस्कटॉप -- पूर्ण-चौड़ाई ब्राउज़र दृश्य
- मोबाइल -- संकीर्ण फ़ोन-आकार दृश्य
एक नए ब्राउज़र टैब में पृष्ठ के लाइव संस्करण को खोलने के लिए प्रीव्यू पर क्लिक करें, बिल्कुल जैसे आगंतुक इसे देखेंगे।
परिवर्तनों को पूर्ववत करना
संपादक स्वचालित रूप से आपके संपादन इतिहास को ट्रैक करता है। नेविगेट करने के लिए टूलबार बटन या कीबोर्ड शॉर्टकट का उपयोग करें:
- पूर्ववत करें (Ctrl+Z / Cmd+Z) -- अपनी अंतिम कार्रवाई को पूर्ववत करें
- दोबारा करें (Ctrl+Y / Cmd+Y) -- एक पूर्ववत कार्रवाई को फिर से लागू करें
आप एक पहले की स्नैपशॉट भी पुनः स्थापित कर सकते हैं। टूलबार में इतिहास पर क्लिक करें विवरण के साथ सहेजी गई स्नैपशॉट की सूची देखने के लिए, और उस बिंदु पर पुनः स्थापित करने के लिए किसी भी प्रविष्टि पर क्लिक करें।
एक स्नैपशॉट को पुनः स्थापित करने से आपकी वर्तमान पृष्ठ सामग्री को स्नैपशॉट संस्करण के साथ बदल देता है। यह मानक पूर्ववत बटन के साथ पूर्ववत नहीं किया जा सकता। यदि आप वापसी के विकल्प को रखना चाहते हैं तो एक पुरानी स्नैपशॉट को पुनः स्थापित करने से पहले आपकी वर्तमान स्थिति की एक स्नैपशॉट सहेजें।
अपने काम को सहेजना
परिवर्तन स्वचालित रूप से सहेजे जाते हैं जैसे आप काम करते हैं। एक स्थिति संकेतक टूलबार में दिखाता है कि क्या आपके परिवर्तन सहेजे गए हैं। आप किसी भी समय सहेजें पर क्लिक करके एक सहेजारण को बल दे सकते हैं।
संबंधित लेख
- पृष्ठों का प्रबंधन -- पृष्ठों को बनाएँ, URLs सेट करें और साइट नेविगेशन प्रबंधित करें
- उपस्थिति -- साइट-व्यापी रंग, फ़ॉन्ट और ब्रांडिंग सेट करें
- फ़ाइलें -- संपादक में उपयोग करने के लिए छवियाँ और दस्तावेज़ अपलोड करें
- फॉर्म बनाना -- फॉर्म बनाएँ जिन्हें आप पृष्ठों पर एम्बेड कर सकते हैं