अवाडा हेडर, फूटर और कॉलम लेआउट बिल्डर का उपयोग कैसे करें

हमारा अपना पेज बिल्डर, अवाडा बिल्डर, अब दो इंटरफेस में उपलब्ध है: अवाडा बिल्डर, जो हमारा बैक-एंड वायरफ्रेम पेज बिल्डर है, और अवाडा लाइव, जो हमारा फ्रंट-एंड बिल्डर है, जिसे हाल ही में अवाडा 6.0 के साथ पेश किया गया था।.

हमारे सरल कंटेनर, कॉलम और एलिमेंट सिस्टम का उपयोग करके, Avada Builder के दोनों संस्करण आपको अपनी वेबसाइट के लिए आसानी से सुंदर पेज लेआउट डिज़ाइन करने की सुविधा देते हैं। Avada Builder आधुनिक वेब डिज़ाइनरों और साइट मालिकों दोनों के लिए एक शानदार टूल है, क्योंकि यह उन्हें पेज कंटेंट और लेआउट के सभी पहलुओं पर पूर्ण नियंत्रण प्रदान करता है। Avada Builder के दोनों संस्करण एक ही कोड जनरेट करते हैं। ये पूरी तरह से इंटरचेंजेबल हैं, जिससे आप Avada Builder के दोनों संस्करणों का सर्वोत्तम लाभ उठा सकते हैं, जो वर्तमान में उपलब्ध है।.

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

Avada डैशबोर्ड से लेआउट बिल्डर तक पहुंचने के लिए, ड्रॉप-डाउन मेनू से लेआउट्स > लेआउट बिल्डर चुनें। लेआउट्स को समझाने का सबसे आसान तरीका यह है कि वे कंटेनर होते हैं जिनमें पेज के चार लेआउट सेक्शन होते हैं – हेडर सेक्शन, पेज टाइटल बार सेक्शन, कंटेंट सेक्शन और फुटर सेक्शन। लेआउट सेक्शन और लेआउट्स के बीच अंतर को समझने के लिए, आप यह दस्तावेज़ पढ़ सकते हैं: लेआउट्स और लेआउट सेक्शन को समझना (PDF)। इस पेज पर आप क्या-क्या कर सकते हैं, इसके बारे में अधिक जानने के लिए आगे पढ़ें।.

लेआउट बिल्डर पेज के बिल्कुल ऊपर दो भाग हैं। पहले भाग में ग्लोबल लेआउट में लेआउट सेक्शन भरने या कंडीशनल लेआउट बनाने की तकनीक बताई गई है (संकेत: आप इसे X से बंद कर सकते हैं), और स्क्रीन के दाईं ओर एक ऐसा क्षेत्र है जहाँ से आप सीधे नए लेआउट बना सकते हैं (नीचे देखें)। अपने नए लेआउट के लिए एक नाम टाइप करें और फिर प्रक्रिया पूरी करने के लिए 'नया लेआउट बनाएं' पर क्लिक करें। इस विधि का उपयोग करने पर एक खाली लेआउट बनता है; इसमें कोई लेआउट सेक्शन या शर्तें निर्दिष्ट नहीं होती हैं।.

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

प्रत्येक लेआउट के भीतर, आप उस लेआउट से संबंधित चार लेआउट सेक्शन देख सकते हैं, जिनमें से प्रत्येक सेक्शन चारों लेआउट के लिए अलग-अलग है। प्रत्येक लेआउट सेक्शन में आपको एक + आइकन दिखाई देगा, जिस पर माउस ले जाने पर आप उस सेक्शन को एक लेआउट सेक्शन असाइन कर सकते हैं। आपके पास इस सेक्शन को मौजूदा लेआउट सेक्शन असाइन करने या बिल्कुल नया सेक्शन बनाने का विकल्प है।.

सेक्शन लेआउट का उपयोग करना

Avada Layouts के हिस्से के रूप में, अब आप Avada Builder की पूरी रचनात्मक क्षमता का लाभ उठाते हुए, अपनी वेबसाइट के लिए पूरी तरह से अनुकूलन योग्य फ़ूटर बना सकते हैं।.

फ़ूटर लेआउट, लेआउट में जोड़ा गया एक लेआउट सेक्शन होता है।ampके लिए, एक कस्टम फ़ूटर के लिए फ़ूटर लेआउट सेक्शन की आवश्यकता होती है, जिसे ग्लोबल या कस्टम लेआउट में जोड़ा जा सकता है। अगले सेक्शन में हम कस्टम फ़ूटर लेआउट सेक्शन बनाने के बारे में जानेंगे, लेकिन उससे पहले, आइए Avada लेआउट्स के बारे में जानते हैं।.

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

लेआउट को अनुकूलित करना

इस सेक्शन को ग्लोबल लेआउट या कंडीशनल लेआउट में जोड़ा जा सकता है, जो केवल कुछ खास प्रकार के पोस्ट या सिंगल पेज पर ही दिखाई देगा। ग्लोबल लेआउट पहले से मौजूद है, लेकिन हमें पहले कंडीशनल लेआउट विकसित करना होगा।.

लेआउट पेज पर, एक नाम जोड़ें और नीचे दिखाए अनुसार नया लेआउट बनाएं पर क्लिक करें।.

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

लेआउट सेक्शन बिल्डर स्क्रीन पर, लेआउट सेक्शन का प्रकार चुनें, एक नाम दर्ज करें (इसampमें, फ़ूटर, संभवतः ग्लोबल फ़ूटर) और नीचे दिखाए अनुसार नया लेआउट सेक्शन बनाएं पर क्लिक करें।.

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

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

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

सशर्त लेआउट में फ़ूटर लेआउट अनुभाग जोड़ना

कस्टम लेआउट संपादन

नया लेआउट सेक्शन संपादित करते समय डिफ़ॉल्ट वर्डप्रेस एडिटर दिखाई देता है; आप यहां से अवाडा बिल्डर या अवाडा लाइव का उपयोग कर सकते हैं। कस्टम लेआउट सेक्शन यहीं बनाए जाते हैं। अधिक जानकारी के लिए, लेआउट सेक्शन सामग्री बनाना देखें, संक्षेप में, आप यहां कुछ भी बना सकते हैं।.

आपके कस्टम फ़ूटर में Avada बिल्डर में बनाई गई कोई भी चीज़ शामिल हो सकती है। इसमें कई कॉलम, फ़ोटो आदि हो सकते हैं; इससे आपको भरपूर लचीलापन मिलता है। लेआउट सेक्शन में फ़ूटर सामग्री दिखाई देगी। सामग्री बिल्डर से आती है, और आपकी रचनात्मकता ही एकमात्र सीमा है।.

नीचे टैक्सी डेमो के लिए बनाया गया मूल फ़ूटर देखें; इसे थीम विकल्पों और फ़ूटर विजेट्स में बदलाव करके बनाया गया था।.

टैक्सी डेमो &gt; बेसिक फ़ूटर” src=”https://lh3.googleusercontent.com/_xzRCQdf_jBPoJv6eaW9Wx3rdXORc7Ni1945ud13b9kALKA4WdmZpeSSCTnLx-4hcwPKXGF1dl3E0qragaIr_eJ6AiBxO4AMKlY2tuxFbek-S0Z1PY3oQTE2UmjI4QzZydYbWqscpkwNbIpjTQ=s0″&gt;</p><p> Avada Layouts के कस्टम ग्लोबल फुटर को देखें।</p>

इस कस्टम हेडर का डेस्कटॉप संस्करण यहां दिखाया गया है, लेकिन इस कस्टम हेडर के दायरे को सही ढंग से समझने के लिए, आपको लाइव साइट पर जाना होगा, जिसे आप यहां एक्सेस कर सकते हैं।.

सशर्त लेआउट डिज़ाइन

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

एक सशर्त लेआउट में केवल मौजूदा लेआउट अनुभाग ही शामिल हो सकते हैं। फिर, लेआउट के 'फ़ूटर चुनें' टैब के अंतर्गत, 'मौजूदा' तक स्क्रॉल करें, जहाँ आप लेआउट अनुभाग जोड़ सकते हैं, जैसा कि नीचे दिखाया गया है।.

कस्टम लेआउट अनुभाग निर्दिष्ट करना

किसी भी सशर्त लेआउट के लिए आपको शर्तें निर्धारित करनी होंगी। शर्तें निर्धारित होते ही लेआउट सक्रिय हो जाता है; इसलिए, यदि आप लेआउट अनुभाग स्थापित करने से पहले ऐसा करते हैं, तो शर्तों से मेल खाने वाले पृष्ठ खाली रहेंगे।.

कोई शर्त जोड़ने के लिए, लेआउट के निचले मेनू से "शर्त जोड़ें" चुनें। नीचे दिखाए गए अनुसार एक डायलॉग बॉक्स दिखाई देगा। सशर्त लेआउट के बारे में अधिक जानकारी के लिए, "सशर्त लेआउट को समझना" देखें, लेकिन इसampके लिए, हम "पोस्ट शर्तें" टैब में "सभी पोस्ट" का चयन करेंगे, जैसा कि नीचे दिखाया गया है।.

Avada लेआउट बिल्डर से कॉलम जोड़ना

कॉलम एलिमेंट, कंटेनर एलिमेंट की तरह ही, अवाडा साइट को डिजाइन करते समय एक आवश्यक संरचनात्मक घटक है।.

Avada लेआउट बिल्डर की मदद से कॉलम जोड़ना अपेक्षाकृत आसान है।.

  • ' + कंटेनर ' बटन पर क्लिक करें। कंटेनर जोड़ते समय, आपसे कॉलम या कॉलम लेआउट चुनने के लिए कहा जाएगा। आप एक खाली कंटेनर बना सकते हैं, लेकिन आमतौर पर इस चरण में कॉलम जोड़े जाते हैं।
  • किसी मौजूदा कंटेनर में नए कॉलम जोड़ने के लिए, कंटेनर पर माउस ले जाएं और ' + कॉलम ' बटन पर क्लिक करें। नया कॉलम जोड़ने के लिए, यहां क्लिक करें।
  • किसी कॉलम के ऊपरी बाएँ कोने में, 'कॉलम का आकार बदलें' आइकन पर क्लिक करें। अब यह आपके मौजूदा कॉलम के आकार के बराबर हो जाएगा। उदाहरण के लिए amp , 'कॉलम का आकार बदलें' विकल्प के अंतर्गत '1/4 के रूप में दिखाई देगा
  • कॉलम को खींचकर और छोड़कर उनकी व्यवस्था बदलें। आप कॉलम को कंटेनर में भी खींचकर और छोड़ सकते हैं।.

एक कॉलम को केवल समान चौड़ाई वाले कंटेनर एलिमेंट के अंदर ही रखा जा सकता है; यह आमतौर पर साइट की चौड़ाई होती है जिसे आप साइट के लिए सेट करते हैं। इसलिए, यदि आप साइट की चौड़ाई 1200px सेट करते हैं, तो 1/2 कॉलम 600px चौड़ा होगा। पेज में जोड़ने पर कॉलम के पूर्व निर्धारित आकार नीचे दिखाए गए हैं।.

Avada में, आप बड़े, मध्यम और छोटे लेआउट पर कॉलम की चौड़ाई (और बहुत कुछ) अलग-अलग सेट कर सकते हैं। रिस्पॉन्सिव लेआउट में कॉलम के डिस्प्ले ऑर्डर और साइज़ को कैसे सेट करें, यह बताता है कि कॉलम के साथ इस बेहतरीन नई सुविधा का उपयोग कैसे करें।.

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

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

Avada कंटेनर और कॉलम के लिए रिस्पॉन्सिव ऑप्शन सेट भी जोड़ता है। बिल्डर के बैकएंड में, आप किसी भी कॉलम पर रिस्पॉन्सिव आइकन देख सकते हैं, जैसा कि नीचे दी गई छवि में दिखाया गया है। फ्रंट-एंड बिल्डर विकल्पों पर रिस्पॉन्सिव आइकन दिखाता है।.

केवल नए फ्लेक्स कंटेनर ही रिस्पॉन्सिव ऑप्शन सेट दिखाते हैं। पुराने कंटेनरों में कॉलम उपलब्ध नहीं हैं।.

निष्कर्ष

Avada Layouts की बदौलत, कस्टम फ़ूटर, हेडर बनाना और कॉलम जोड़ना अब एक वास्तविकता बन गया है और लगभग असीमित विकल्प उपलब्ध हैं। Avada Builder की शक्ति का उपयोग करके आप न केवल अपनी कल्पना के अनुसार किसी भी प्रकार का फ़ूटर या हेडर बना सकते हैं, बल्कि कंडीशनल लेआउट्स की मदद से आप उन्हें किसी भी पेज, श्रेणी, कस्टम पोस्ट टाइप या Avada Builder का उपयोग करके किसी भी मानदंड के संयोजन पर दिखा या छिपा सकते हैं।.

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

एक टिप्पणी छोड़ें

आपकी ईमेल आईडी प्रकाशित नहीं की जाएगी। आवश्यक फ़ील्ड चिह्नित हैं *