पेज एडिटर का उपयोग
B1 पेज एडिटर एक विज़ुअल ड्रैग-एंड-ड्रॉप बिल्डर है जो आपको बिना कोई कोड लिखे अपनी चर्च वेबसाइट के पृष्ठ डिज़ाइन करने देता है। आप सेक्शन और कंटेंट ब्लॉक जोड़ सकते हैं, स्टाइल कस्टमाइज़ कर सकते हैं, अपने काम का प्रीव्यू देख सकते हैं, और परिवर्तनों को पूर्ववत कर सकते हैं -- यह सब आपके ब्राउज़र के भीतर से।
शुरू करने से पहले
- अपनी वेबसाइट को कॉन्फ़िगर करने के लिए प्रारंभिक सेटअप पूरा करें
- पृष्ठों का प्रबंधन में कम से कम एक पृष्ठ बनाएं
- एडिटर तक पहुंचने के लिए आपको content.edit अनुमति की आवश्यकता है
एडिटर खोलना
- B1 Admin में, बाईं मेनू में Website पर क्लिक करें।
- Pages तालिका में वह पृष्ठ ढूंढें जिसे आप संपादित करना चाहते हैं और Edit पर क्लिक करें।
एडिटर फुल-स्क्रीन मोड में खुलता है। बायां पैनल आपकी पृष्ठ संरचना और उपलब्ध कंटेंट तत्व दिखाता है; केंद्र क्षेत्र आपके पृष्ठ का लाइव प्रीव्यू दिखाता है।
एडिटर हमेशा लाइट मोड में प्रदर्शित होता है, चाहे आपकी B1 Admin थीम सेटिंग कुछ भी हो। इससे यह सुनिश्चित होता है कि प्रीव्यू सटीक रूप से दिखाता है कि आपका पृष्ठ वेबसाइट विज़िटर्स को कैसा दिखाई देगा।
पृष्ठ संरचना: सेक्शन और तत्व
हर पृष्ठ दो स्तरों से बना है:
- Sections -- टॉप-लेवल कंटेनर जो आपके पृष्ठ को क्षैतिज बैंड में विभाजित करते हैं (उदाहरण के लिए, एक हीरो सेक्शन, एक कंटेंट ब्लॉक, या एक फ़ुटर स्ट्रिप)। कंटेंट जोड़ने से पहले हर पृष्ठ में कम से कम एक सेक्शन होना चाहिए।
- Elements -- किसी सेक्शन के अंदर रखे गए व्यक्तिगत कंटेंट टुकड़े, जैसे टेक्स्ट, इमेज, बटन, कार्ड, फॉर्म, और कैलेंडर।
एक सेक्शन जोड़ना
- Add Section पर क्लिक करें (या बाएं पैनल के शीर्ष पर मौजूद + बटन पर)।
- शुरुआत करने का तरीका चुनें:
- From a template — श्रेणी के अनुसार व्यवस्थित सेक्शन टेम्पलेट गैलरी ब्राउज़ करें (Hero, About, Services, Giving, आदि) और उसे पूरी तरह से स्टाइल किए गए, पहले से भरे हुए सेक्शन के रूप में डालने के लिए किसी एक पर क्लिक करें। इसे जोड़ने के बाद आप सबकुछ कस्टमाइज़ कर सकते हैं।
- Blank section — एक कॉलम लेआउट चुनें (सिंगल, दो कॉलम, तीन कॉलम, आदि) और शुरू से बनाएं।
- नया सेक्शन प्रीव्यू में दिखाई देता है। इसे चुनने के लिए उस पर क्लिक करें और इसका बैकग्राउंड कलर, पैडिंग, और अन्य स्टाइल विकल्प कॉन्फ़िगर करें।
किसी सेक्शन का लेआउट बदलना
पहले से एक सेक्शन बना चुके हैं लेकिन एक अलग संरचना चाहते हैं? अपने मौजूदा कंटेंट और तत्वों को जगह पर रखते हुए गैलरी से उसके कॉलम अरेंजमेंट को किसी अलग व्यवस्था से बदलने के लिए उस सेक्शन पर लेआउट स्विचर का उपयोग करें।
किसी सेक्शन में तत्व जोड़ना
- उसे चुनने के लिए प्रीव्यू में किसी सेक्शन के अंदर क्लिक करें।
- Add Content पर क्लिक करें और सूची से एक तत्व प्रकार चुनें:
- Text -- शीर्षक, पैराग्राफ, और रिच टेक्स्ट
- Image -- एक फ़ोटो अपलोड करें या लिंक करें
- Button -- एक क्लिक करने योग्य कॉल-टू-एक्शन लिंक
- Card -- एक शीर्षक और विवरण के साथ एक इमेज
- Form -- सीधे पृष्ठ पर एक फॉर्म एम्बेड करें
- Calendar -- एक इवेंट कैलेंडर प्रदर्शित करें
- FAQ -- अकॉर्डियन-शैली के प्रश्न और उत्तर ब्लॉक
- Video -- URL द्वारा एक वीडियो एम्बेड करें
- Groups Browser -- वैकल्पिक सर्च, श्रेणी फ़िल्टर, और लेबल फ़िल्टर के साथ सभी चर्च समूहों की एक फ़िल्टर करने योग्य डायरेक्टरी
- Icon Feature -- फीचर या मंत्रालय हाइलाइट के लिए एक शीर्षक और संक्षिप्त विवरण के साथ एक आइकन
- Gallery -- एक मल्टी-फ़ोटो ग्रिड या मेसनरी लेआउट
- Testimonial -- लेखक के नाम, भूमिका, और फ़ोटो के साथ एक या अधिक कोट्स
- Social Icons -- आपके चर्च की सोशल मीडिया प्रोफाइल के लिए लिंक किए गए आइकन
- Countdown -- किसी तिथि या साप्ताहिक सेवा समय की उलटी गिनती करने वाला टाइमर
- Stats -- लेबल के साथ बड़ी संख्याओं की एक पंक्ति (सदस्य, वर्ष, कैंपस)
- Campaign Progress -- किसी दान अभियान के लिए एक लाइव प्रगति बार, जो फंड लक्ष्य की ओर एकत्रित कुल राशि दिखाता है
- Staff Grid -- किसी समूह के सदस्यों के लिए फ़ोटो कार्ड; समूह में public roster विकल्प चालू होना चाहिए
- Service Times -- आपके कैंपस की सेवा अनुसूची, अटेंडेंस सेटअप से स्वचालित रूप से खींची गई
- Sermons -- आपकी सर्मन लाइब्रेरी, एक पूर्ण ब्राउज़र या ग्रिड, सूची, या फीचर्ड-नवीनतम लेआउट के रूप में
- Map -- आपके चर्च के पते पर केंद्रित एक एम्बेडेड मैप
- Table -- सारणीबद्ध सामग्री के लिए पंक्तियों और कॉलमों का एक सरल ग्रिड
- Text with Photo -- टेक्स्ट और एक इमेज साथ-साथ
- Logo -- आपका चर्च लोगो, उपस्थिति से खींचा गया
- Live Stream -- आपका लाइव स्ट्रीम प्लेयर, सीधे पृष्ठ पर एम्बेडेड
- Donation -- एक दान बटन या एम्बेडेड दान फॉर्म
- Raw HTML -- उन्नत उपयोग के मामलों के लिए कस्टम HTML मार्कअप
- iFrame -- URL द्वारा बाहरी कंटेंट एम्बेड करें
- दिखाई देने वाले सेटिंग्स पैनल का उपयोग करके तत्व कॉन्फ़िगर करें।
कंटेंट को फिर से क्रमबद्ध करना
उन्हें फिर से क्रमबद्ध करने के लिए हर आइटम के बाईं ओर हैंडल आइकन (छह बिंदु) का उपयोग करके सेक्शन या तत्वों को खींचें। आप तत्वों को किसी सेक्शन के भीतर खींच सकते हैं या उन्हें सेक्शनों के बीच स्थानांतरित कर सकते हैं।
अपने पृष्ठ को स्टाइल करना
सेक्शन स्टाइल
किसी भी सेक्शन का स्टाइल पैनल खोलने के लिए उस पर क्लिक करें। आप सेट कर सकते हैं:
- Background -- ठोस रंग, ग्रेडिएंट, या इमेज। इमेज बैकग्राउंड का उपयोग करते समय, एक Focal Point पिकर आपको यह क्लिक करके सेट करने देता है कि जैसे-जैसे सेक्शन स्केल होता है, इमेज का कौन सा हिस्सा केंद्रित रहता है, और एक Overlay रंग विकल्प आपको टेक्स्ट की पठनीयता सुधारने के लिए इमेज पर एक अर्ध-पारदर्शी टिंट जोड़ने देता है।
- Padding -- सेक्शन के अंदर ऊपर और नीचे की स्पेसिंग
- Width -- फुल-विड्थ या केंद्रित/सीमित
- Dividers -- सेक्शन के ऊपरी या निचले किनारे पर सजावटी आकार डिवाइडर (wave, slant, curve, triangle, और अधिक), रंग, ऊंचाई, और फ्लिप विकल्पों के साथ
तत्व स्टाइल
किसी भी तत्व का स्टाइल पैनल खोलने के लिए उस पर क्लिक करें। सामान्य विकल्पों में फ़ॉन्ट साइज़, रंग, संरेखण, मार्जिन, और पैडिंग शामिल हैं। इमेज के लिए, आप alt टेक्स्ट और लिंक लक्ष्य सेट कर सकते हैं।
कस्टम CSS
उन्नत स्टाइलिंग के लिए, हर सेक्शन और तत्व में एक Custom CSS फ़ील्ड है जहां आप अपने खुद के CSS नियम लिख सकते हैं। ये उस तत्व तक सीमित हैं, इसलिए ये अनजाने में पृष्ठ के बाकी हिस्से को प्रभावित नहीं करेंगे।
यदि आपको अपनी पूरी साइट पर स्टाइल लागू करने की आवश्यकता है -- जैसे कोई कस्टम फ़ॉन्ट या ग्लोबल रंग -- तो व्यक्तिगत पृष्ठों पर कस्टम CSS के बजाय उपस्थिति सेटिंग्स का उपयोग करें।
अपने पृष्ठ का प्रीव्यू देखना
यह जांचने के लिए कि विभिन्न स्क्रीन आकारों पर आपका पृष्ठ कैसा दिखता है, टूलबार में प्रीव्यू नियंत्रणों का उपयोग करें:
- Desktop -- फुल-विड्थ ब्राउज़र दृश्य
- Mobile -- संकरा फ़ोन-आकार का दृश्य
एक नए ब्राउज़र टैब में पृष्ठ का लाइव संस्करण खोलने के लिए, बिल्कुल वैसे ही जैसे विज़िटर इसे देखेंगे, Preview पर क्लिक करें।
एक्सेसिबिलिटी की जांच करना
छवियों में अल्ट टेक्स्ट की कमी, कम कलर कॉन्ट्रास्ट, या क्रम से बाहर हेडिंग जैसी सामान्य समस्याओं की त्वरित जांच चलाने के लिए टूलबार में Accessibility आइकन पर क्लिक करें। हर समस्या सीधे उस तत्व से लिंक होती है जिस पर ध्यान देने की आवश्यकता है, ताकि आप इसे तुरंत ठीक कर सकें।
परिवर्तनों को पूर्ववत करना
एडिटर स्वचालित रूप से आपके संपादन इतिहास को ट्रैक करता है। नेविगेट करने के लिए टूलबार बटन या कीबोर्ड शॉर्टकट का उपयोग करें:
- Undo (Ctrl+Z / Cmd+Z) -- अपनी अंतिम क्रिया को पूर्ववत करें
- Redo (Ctrl+Y / Cmd+Y) -- किसी पूर्ववत की गई क्रिया को फिर से लागू करें
आप पृष्ठ को पहले के किसी स्नैपशॉट पर भी पुनर्स्थापित कर सकते हैं। सहेजे गए स्नैपशॉट की सूची विवरण के साथ देखने के लिए टूलबार में History पर क्लिक करें, और उस बिंदु पर पुनर्स्थापित करने के लिए किसी भी प्रविष्टि पर क्लिक करें।
किसी स्नैपशॉट को पुनर्स्थापित करने से आपकी वर्तमान पृष्ठ सामग्री स्नैपशॉट संस्करण से बदल जाती है। इसे मानक पूर्ववत बटन से पूर्ववत नहीं किया जा सकता। यदि आप वापस लौटने का विकल्प रखना चाहते हैं, तो किसी पुराने स्नैपशॉट को पुनर्स्थापित करने से पहले अपनी वर्तमान स्थिति का एक स्नैपशॉट सहेजें।
सहेजना और प्रकाशित करना
जैसे-जैसे आप काम करते हैं, परिवर्तन स्वचालित रूप से सहेजे जाते हैं। टूलबार में एक स्थिति संकेतक दिखाता है कि आपके परिवर्तन सहेजे गए हैं या नहीं।
ड्राफ्ट और प्रकाशित स्थिति
पृष्ठों की एक published स्थिति हो सकती है, जो नियंत्रित करती है कि विज़िटर आपके परिवर्तन कब देखते हैं। टूलबार वर्तमान स्थिति दिखाते हुए एक स्थिति चिप प्रदर्शित करता है:
- Live on Save -- पृष्ठ किसी प्रकाशन वर्कफ़्लो का उपयोग नहीं करता। हर सहेजा गया परिवर्तन तुरंत लाइव हो जाता है। यह नए पृष्ठों के लिए डिफ़ॉल्ट है।
- Unpublished Changes -- पृष्ठ पहले प्रकाशित किया जा चुका है, लेकिन आपने अंतिम प्रकाशन के बाद से परिवर्तन किए हैं। विज़िटर अभी भी पहले प्रकाशित किया गया संस्करण देखते हैं।
- Published -- पृष्ठ लाइव है और आपकी सहेजी गई सामग्री उसी से मेल खाती है जो विज़िटर देखते हैं।
अपने परिवर्तन प्रकाशित करने के लिए, टूलबार में Publish बटन पर क्लिक करें। पृष्ठ तुरंत लाइव हो जाता है।
विज़िटर जो देखते हैं उसे प्रभावित किए बिना अंतिम प्रकाशित संस्करण पर वापस लौटने के लिए, ओवरफ्लो मेनू (⋮) खोलें और Discard Changes पर क्लिक करें।
किसी पृष्ठ को पूरी तरह ऑफलाइन करने के लिए, ओवरफ्लो मेनू खोलें और Unpublish पर क्लिक करें। जब तक आप इसे फिर से प्रकाशित नहीं करते, विज़िटर उस पृष्ठ को नहीं देख पाएंगे।
ड्राफ्ट/प्रकाशन वर्कफ़्लो का उपयोग तब करें जब आप कोई पृष्ठ तैयार करना चाहते हों -- उदाहरण के लिए, किसी आने वाले इवेंट के लिए -- और उसे सही समय पर ही लाइव करना चाहते हों। पृष्ठ बनाएं और उसका प्रीव्यू देखें, फिर जब आप तैयार हों तो Publish पर क्लिक करें।
संबंधित लेख
- पृष्ठों का प्रबंधन -- पृष्ठ बनाएं, URL सेट करें, और साइट नेविगेशन प्रबंधित करें
- उपस्थिति -- साइट-व्यापी रंग, फ़ॉन्ट, और ब्रांडिंग सेट करें
- फ़ाइलें -- एडिटर में उपयोग के लिए इमेज और दस्तावेज़ अपलोड करें
- फॉर्म बनाना -- ऐसे फॉर्म बनाएं जिन्हें आप पृष्ठों पर एम्बेड कर सकें