एस्ट्रा फ्री थीम के साथ पूरी चौड़ाई या बॉक्स्ड सामग्री सेटअप करें

एस्ट्रा थीम

एस्ट्रा एक कुशल और पूरी तरह से अनुकूलन योग्य वर्डप्रेस थीम है। यह सुंदर और तेज़ भी है जो इसे ब्लॉग, व्यवसाय, व्यक्तिगत पोर्टफोलियो और WooCommerce स्टोरफ्रंट के लिए आदर्श बनाता है। हल्का होने के कारण यह वेबसाइट के लिए बढ़िया स्पीड प्रदान करता है। एस्ट्रा को SEO को ध्यान में रखकर बनाया गया है जो वेबसाइट को सर्च इंजन में उच्च रैंक देता है। अपनी विशेष सुविधाओं और टेम्प्लेट के साथ, यह एलिमेंटर, डिवी, बीवर बिल्डर, साइटऑरिजिन, विज़ुअल कम्पोज़र आदि जैसे पेज बिल्डरों के लिए आदर्श है।

पात्र

किसी वेबसाइट के पेज को आसानी से कंटेनर क्योंकि कंटेनर वह क्षेत्र है जहां हम सामग्री प्रदर्शित करते हैं। सीधे शब्दों में कहें तो कंटेनर पूरे पेज को घेरता है। चाहे वह कंटेंट एरिया हो या साइडबार, इसे कंटेनर में शामिल किया जाएगा। तकनीकी रूप से, हम सामग्री क्षेत्र को प्राथमिक कंटेनर कहते हैं, जबकि साइडबार को द्वितीयक कंटेनर कहा जाता है।

किसी वेबसाइट पर कंटेनर लेआउट में हेरफेर कैसे करें?

एस्ट्रा थीम का उपयोग करने से संपूर्ण वेबसाइट पर कंटेनर लेआउट लागू करना सुविधाजनक हो जाता है। आप कस्टमाइज़र विकल्प के माध्यम से ग्रिड सेट कर सकते हैं। इसे उपस्थिति टैब में पाया जा सकता है: उपस्थिति > कस्टमाइज़र > ग्लोबल > कंटेनर।

  • आप मेटा सेटिंग्स से अलग-अलग पेज और पोस्ट के लिए अलग-अलग कंटेनर भी लगा सकते हैं।
  • यदि आपने समग्र वेबसाइट के लिए अलग-अलग सेटिंग्स लागू की हैं, और मेटा सेटिंग्स की हैं, तो पेज-विशिष्ट मेटा सेटिंग्स में समग्र पेज कस्टमाइज़र सेटिंग्स की तुलना में उच्च प्राथमिकता होगी।

कंटेनर की चौड़ाई

वेबसाइट की सभी सामग्री, चाहे वह ग्राफ़िकल हो या टेक्स्ट, इस चौड़ाई के भीतर प्रदर्शित की जाएगी। आप कंटेनर लेआउट के साथ चौड़ाई को जोड़कर विभिन्न प्रकार के दृश्य बना सकते हैं।

कंटेनर लेआउट

एस्ट्रा फ्री थीम 4 प्रकार के कंटेनर लेआउट प्रदान करता है। ये वैश्विक लेआउट हैं और इन्हें पूरी वेबसाइट पर लागू किया जाएगा। यदि आप विभिन्न पोस्ट प्रकारों के लिए अलग-अलग लेआउट चाहते हैं, तो आप इसे समर्पित कंटेनर लेआउट के साथ कर सकते हैं।

पेज 'मेटा सेटिंग्स' की मदद से, आप प्रत्येक पेज के कंटेनर लेआउट पर अधिक नियंत्रण रख सकते हैं।

निम्नलिखित प्रकार के कंटेनर लेआउट हैं।

  • बॉक्स्ड
  • सामग्री बॉक्स्ड
  • पूर्ण चौड़ाई/समाहित
  • पूरी चौड़ाई/विस्तारित
  • समर्पित कंटेनर लेआउट

समर्पित या विशिष्ट लेआउट

ऊपर दिए गए चार प्रकार के कंटेनर लेआउट विशिष्ट पोस्ट प्रकारों के लिए अलग से उपलब्ध हैं। इसका मतलब यह है कि यदि आप एक डिफ़ॉल्ट लेआउट चुनते हैं, मान लीजिए बॉक्स्ड लेआउट, और पुरालेख के लिए आपने पूर्ण चौड़ाई चुनी है, तो पूरी साइट में बॉक्स्ड लेआउट होगा, जबकि पुरालेख पृष्ठों में पूर्ण चौड़ाई/समाहित लेआउट होगा।

  • पेज लेआउट - केवल पेजों के लिए
  • पुरालेख लेआउट - सभी पुरालेख
  • ब्लॉग पोस्ट लेआउट - ब्लॉग संग्रह और एकल ब्लॉग पोस्ट पेजों के लिए

एस्ट्रा थीम कई लोकप्रिय plugin के साथ एकीकरण प्रदान करती है। ये plugin एस्ट्रा के साथ एकीकरण की पेशकश करते हैं:

Woocommerce

ईडीडी ( Easy Digital Downloads )

लर्नडैश

लिफ्टरएलएमएस (3)

जब उपरोक्त plugin इंस्टॉल हो जाते हैं, तो आप उन plugin पेजों के लिए एक समर्पित कंटेनर लेआउट विकल्प तक भी पहुंच प्राप्त कर सकते हैं।

एस्ट्रा प्रो एडऑन plugin के समर्पित मॉड्यूल अधिक उन्नत विकल्प प्रदान करते हैं। एस्ट्रा प्रो एडऑन plugin के समर्पित मॉड्यूल में ये विकल्प हैं:

  • पेज मेटा सेटिंग्स को कंटेनर लेआउट पर प्राथमिकता दी गई है। मेटा सेटिंग्स की प्राथमिकता कस्टमाइज़र सेटिंग्स से अधिक है।
  • साइट लेआउट सेटिंग्स कंटेनर की चौड़ाई तय करती हैं।

कंटेनर लेआउट/पूर्ण चौड़ाई लेआउट

पूर्ण-चौड़ाई वाले कंटेनर सेटिंग्स को डॉक्स में पाई गई कस्टमाइज़र सेटिंग्स

दस्तावेज़ » कस्टमाइज़र सेटिंग्स » वैश्विक » पूरी चौड़ाई / समाहित - कंटेनर लेआउट

जैसा कि पहले बताया गया है, एक वेबसाइट में दो कंटेनर हो सकते हैं; प्राथमिक कंटेनर और माध्यमिक कंटेनर।

प्राथमिक कंटेनर वह पृष्ठ है जहां मुख्य सामग्री दिखाई देती है।

सेकेंडरी कंटेनर साइडबार और साइडबार में विभिन्न विजेट बनाता है।

"पूर्ण चौड़ाई/समाहित" लेआउट की सहायता से, आप प्राथमिक और द्वितीयक कंटेनरों को जोड़ सकते हैं। फिर इन कंटेनरों को अधिक सुव्यवस्थित रूप के लिए एक ही कंटेनर में प्रदर्शित किया जा सकता है। "पूर्ण चौड़ाई/समाहित" लेआउट एक ही कंटेनर में सामग्री और साइडबार को एक साथ प्रदर्शित करता है। यह कंटेनर कंटेनर के चारों ओर जगह छोड़ देगा क्योंकि यह कंटेनर की चौड़ाई में प्रदर्शित होता है।

उपस्थिति पर जाकर और इस पथ का अनुसरण करके कंटेनर सेटिंग्स को बदला या बदला जा सकता है:

प्रकटन > अनुकूलित करें > वैश्विक > कंटेनर

पूर्ण चौड़ाई/समाहित लेआउट उन वेबसाइटों के लिए आदर्श है जिन्हें बिना किसी बॉक्स या ग्रिड सीमाओं के एक सुव्यवस्थित डिज़ाइन की आवश्यकता होती है। इस लेआउट को WooCommerce, LifterLMS, आदि जैसे plugin के साथ एकीकरण के माध्यम से डिफ़ॉल्ट के रूप में सेट किया जा सकता है।

विज़ुअल कंपोज़र जैसे कई पेज बिल्डरों को कंटेनर की चौड़ाई को नियंत्रित करने के लिए थीम की आवश्यकता होती है। इसी कारण से, वे पूर्ण चौड़ाई/समाहित लेआउट की अनुशंसा करते हैं।

एस्ट्रा प्रो एडऑन plugin के समर्पित मॉड्यूल अधिक स्टाइलिंग विकल्प प्रदान करते हैं।

सामग्री बॉक्सिंग - कंटेनर लेआउट

डॉक्स » कस्टमाइज़र सेटिंग्स » ग्लोबल » सामग्री बॉक्सिंग - कंटेनर लेआउट

हमने पहले चर्चा की है कि आम तौर पर एक वेबसाइट में दो कंटेनर हो सकते हैं:

प्राथमिक कंटेनर: जहां मुख्य सामग्री दिखाई देती है

द्वितीयक कंटेनर: इसमें साइडबार और विभिन्न विजेट शामिल हैं

यदि आप "सामग्री बॉक्स्ड लेआउट" चुनते हैं, तो केवल प्राथमिक कंटेनर बॉक्स्ड प्रारूप में दिखाई देगा। फिर भी, द्वितीयक कंटेनर सादे पृष्ठभूमि पर रहेगा।

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

बॉक्स्ड लेआउट की सेटिंग्स इस प्रकार पाई जा सकती हैं:

 प्रकटन > अनुकूलित करें > वैश्विक > कंटेनर

इसके अलावा, यदि आप अलग-अलग पृष्ठों के लिए एक अलग कंटेनर लागू करना चाहते हैं, तो आप इसे मेटा सेटिंग्स से कर सकते हैं।

  • मेटा सेटिंग्स से चयनित पेजों या पोस्टों के लिए एक कंटेंट बॉक्स्ड कंटेनर लागू किया जा सकता है।
  • साइट लेआउट सेटिंग्स कंटेनर की चौड़ाई तय करती हैं।
  • एस्ट्रा प्रो एडऑन plugin की मदद से, आप कलर्स और बैकग्राउंड मॉड्यूल के माध्यम से साइट के बैकग्राउंड का रंग बदल सकते हैं। हालाँकि, यदि आपके पास एस्ट्रा प्रो नहीं है, तो आप कस्टम सीएसएस के साथ एक पृष्ठभूमि छवि भी जोड़ सकते हैं।

एस्ट्रा फ्री थीम की विशेषताएं

एलिमेंटर के लिए एस्ट्रा निस्संदेह सबसे अच्छा विषय है। यह एलिमेंटर के साथ बढ़िया काम करता है, जो इसे वेबसाइट बनाने के लिए सबसे अच्छा मुफ्त थीम बनाता है। नीचे, हमने उन विशेषताओं पर चर्चा की है जो एस्ट्रा को सर्वश्रेष्ठ थीम बनाती हैं।

पूर्ण चौड़ाई/विस्तारित लेआउट

एस्ट्रा एक पूर्ण चौड़ाई/विस्तारित लेआउट प्रदान करता है, जो विशेष रूप से एलिमेंटर के लिए बनाया गया है। इस लेआउट के साथ, एलिमेंटर को आपके लेआउट का पूरा नियंत्रण मिलता है, जिससे आप अपनी पंक्तियों या अनुभागों को पूरी चौड़ाई तक विस्तारित करने के लिए जटिल जावास्क्रिप्ट विधि को शामिल करने की परेशानी से मुक्त हो जाते हैं।

एस्ट्रा के साथ, आप एलिमेंटर के साथ डिजाइन करने की पूर्ण स्वतंत्रता प्राप्त करने के लिए साइडबार, पेज शीर्षक, ब्रेडक्रंब और चुनिंदा छवियों को आसानी से अक्षम कर सकते हैं। इन सुविधाओं को अक्षम करके आपके पास एक खाली कैनवास हो सकता है, जो आपको अपनी वेबसाइट को बिल्कुल वैसे ही डिज़ाइन करने की अनुमति देता है जैसे आप इसे चाहते हैं। आप एक कस्टम लैंडिंग पेज भी बना सकते हैं, एस्ट्रा के हेडर और फ़ूटर को अक्षम कर सकते हैं, ताकि एलिमेंटर को पेज का पूरा नियंत्रण प्राप्त हो।

अधिकांश थीम इन सुविधाओं को डिफ़ॉल्ट रूप से आउटपुट करती हैं, इसलिए साइट को डिज़ाइन करने के लिए उपयोगकर्ता का नियंत्रण कम हो जाता है।

कस्टमाइज़र से वैश्विक विकल्प

एस्ट्रा वैश्विक विकल्प आपको अपने आवश्यक लेआउट, साइडबार और अन्य कस्टम सेटिंग्स सेट करने की अनुमति देते हैं जो कस्टमाइज़र में एलिमेंटर के लिए उपयुक्त हैं। वैश्विक विकल्प आदर्श है, खासकर यदि आप एक ऐसी वेबसाइट बना रहे हैं जहां अधिकांश पेज एलिमेंटर के साथ डिज़ाइन किए गए हैं।

पुनः, यदि आप अलग-अलग पृष्ठों के लिए अलग-अलग सेटिंग्स चाहते हैं तो वैश्विक विकल्प इन व्यक्तिगत सेटिंग्स द्वारा ओवरराइड कर दिया जाएगा।

एलिमेंटर प्रो 2.0 संगत

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

तत्व एकीकरण

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

एस्ट्रा 30 से अधिक प्रकार के हेडर और 10 से अधिक प्रकार के फ़ुटर प्रदान करता है। आप चुन सकते हैं कि आपको पारदर्शी हेडर चाहिए या ठोस। आप एस्ट्रा प्रो ऐडऑन के साथ, अपनी कस्टम आवश्यकताओं के अनुसार एलिमेंटर पर स्क्रैच से अपना हेडर भी बना सकते हैं।

मोबाइल हेडर विकल्प

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

हल्का और फूला हुआ मुक्त

एस्ट्रा एलिमेंटर को सहायता प्रदान करता है। इसका मतलब यह है कि एस्ट्रा एलिमेंटर द्वारा पेश की गई सुविधाओं की नकल नहीं करता है। एस्ट्रा हल्का और मॉड्यूलर थीम है। यह वैश्विक रंग, टाइपोग्राफी और स्टाइलिंग और तृतीय-पक्ष plugin एकीकरण जैसे सौंदर्य प्रसाधनों का ख्याल रखता है। फिर भी, एलिमेंटर पेज निर्माण भाग को संभालता है।

अहमद

टिप्पणियाँ देखें

  • मेरे पास कंटेनर को अनुकूलित करने के बारे में एक प्रश्न है। इसे चौड़ाई में समायोजित किया जा सकता है। लेकिन मैंने कहीं नहीं पढ़ा कि आप कंटेनर बॉक्स (ब्लॉक) की ऊंचाई कैसे समायोजित कर सकते हैं। मेरी साइट पर बहुत अधिक सफ़ेद रंग है. मैं उस ब्लॉक को कम ऊंचाई पर बनाकर मुख्य पाठ को हेडर के करीब रखना चाहूंगा जिसमें वह स्थित है।

    • नमस्ते, ऊंचाई के लिए कोई सेटअप नहीं है, यह सभी पृष्ठ अनुभाग सामग्री + मार्जिन द्वारा परिभाषित किया गया है। आपके मामले में, मुझे लगता है कि यह आपके हेडर या पहले सेक्शन के मार्जिन/पैडिंग की समस्या है।

हाल के पोस्ट

एलीमेंटर के साथ हेडर और फ़ूटर का उपयोग कैसे करें

किसी वेबसाइट के शीर्षलेख और पादलेख आवश्यक तत्व हैं। अधिकांश मामलों में, हेडर नेविगेशन प्रदान करता है…

6 जनवरी 2022

वर्डप्रेस थीम तुलना: एस्ट्रा बनाम ओशनडब्ल्यूपी

बाज़ार में दो सबसे लोकप्रिय वर्डप्रेस थीम एस्ट्रा और ओसियनडब्ल्यूपी हैं। पेशेवर…

2 जनवरी 2022

वर्डप्रेस समाचार थीम तुलना: समाचार पत्र बनाम। एस्ट्रा

एक उत्कृष्ट समाचार वेबसाइट बनाने के लिए आपको वेब डिज़ाइनर बनने की आवश्यकता नहीं है। हम…

25 अक्टूबर 2021

समाचार पत्र थीम के साथ समाचार-संबंधित वेबसाइट बनाएं

न्यूज़पेपर थीम tagDiv द्वारा डिज़ाइन की गई सबसे महत्वपूर्ण वर्डप्रेस थीम में से एक है, जो…

18 अक्टूबर 2021

Avada WooCommerce बिल्डर के साथ ईकॉमर्स कैसे बनाएं

जब ऑनलाइन स्टोर स्थापित करने की बात आती है, तो WooCommerce एक पसंदीदा plugin है। यह…

4 अक्टूबर 2021

एलीमेंटर के साथ स्टिकी हेडर और स्क्रॉलिंग प्रभावों का उपयोग कैसे करें

जब कोई व्यक्ति आपकी वेबसाइट पर जाता है तो आम तौर पर वह पहली चीज़ हेडर देखता है,…

21 सितंबर 2021