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