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

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

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

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

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

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

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

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

अनुभाग लेआउट का उपयोग करना

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

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

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

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

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

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

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

लेआउट धारा बिल्डर स्क्रीन पर, लेआउट धारा के प्रकार का चयन, एक नाम दर्ज (यह पूर्व में amp ले, पाद, संभवतः वैश्विक पाद) और जिन्हें आप नीचे क्लिक करें, न्यू लेआउट अनुभाग बनाएँ।

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

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

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

पाद लेख लेआउट अनुभाग को सशर्त लेआउट में जोड़ना

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

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

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

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

टैक्सी डेमो> मूल पाद "src =" https://lh3.googleusercontent.com/_xzRCQdf_jBPoJv6eaW9Wx3rdXORc7Ni1945ud13b9kALKA4WdmZpeSSCTnLx-4hcwPKXGF1dl3E0qragaIr_eJ6AiBxO4AMKlY2tuxFbek-S0Z1PY3oQTE2UmjI4QzZydYbWqscpkwNbIpjTQ=s0 "> Avada Layouts Custom Global Footer देखें।

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

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

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

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

एक कस्टम लेआउट अनुभाग असाइन करना

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

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

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

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

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

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

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

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

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

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

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

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

निष्कर्ष

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

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

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

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