Elementor के साथ कस्टम WordPress लेआउट बनाने के लिए कैसे

Elementor के साथ कस्टम WordPress लेआउट बनाने के लिए कैसे

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

Elementor के साथ कस्टम WordPress लेआउट कैसे बनाएँ

क्यों और कब आप कस्टम WordPress लेआउट की आवश्यकता है?

कई स्वतंत्र और प्रीमियम वर्डप्रेस थीम विभिन्न प्रकार के पृष्ठों के लिए कई लेआउट विकल्पों के साथ आते हैं। हालांकि, कभी-कभी इन लेआउट्स में से कोई भी आपकी आवश्यकताओं को पूरा नहीं करेगा

यदि आपको पता है कि PHP, HTML, और CSS में कोड कैसे है, तो आप अपना स्वयं का पृष्ठ टेम्पलेट बना सकते हैं या यहां तक ​​कि अपनी साइट के लिए एक बाल थीम बना सकते हैं। हालांकि, अधिकांश वर्डप्रेस उपयोगकर्ता डेवलपर्स नहीं हैं, इसलिए यह विकल्प उनके लिए काम नहीं करता है।

यदि आप एक खींचें और ड्रॉप इंटरफ़ेस का उपयोग करके पृष्ठ लेआउट बना सकते हैं तो क्या यह अच्छा नहीं होगा?

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

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

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

ऐसा करने के बाद, आइए देखें कि एलिमेंटर के साथ कस्टम वर्डप्रेस लेआउट कैसे तैयार करें।

Elementor के साथ प्रारंभ करना

पहले आपको Elementor Pro Plugin खरीदने की आवश्यकता होगी यह निशुल्क एलीमेंटोर प्लगइन का भुगतान किया गया संस्करण है और आपको अतिरिक्त सुविधाओं तक पहुंच और समर्थन का 1 वर्ष प्रदान करता है।

आगामी

सक्रियण पर, आपको यात्रा की आवश्यकता है एलिमेंटर »सेटिंग्स पृष्ठ प्लगइन सेटिंग को कॉन्फ़िगर करने के लिए

एलिमेंटर सेटिंग्स

यहां आप अलग-अलग पोस्ट प्रकारों के लिए एलिमेंटर को सक्षम कर सकते हैं। डिफ़ॉल्ट रूप से, यह आपके WordPress पोस्ट और पृष्ठों के लिए सक्षम है यदि आपकी साइट पर कस्टम पोस्ट प्रकार हैं, तो ये भी यहां दिखाई देंगे, और आप उन्हें भी सक्षम कर सकते हैं।

आप पोस्टर या पेज लिखते समय Elementor का उपयोग कर सकते हैं जो उपयोगकर्ता भूमिकाओं को शामिल या शामिल कर सकते हैं डिफ़ॉल्ट रूप से, यह केवल प्रशासक के लिए सक्षम है

अपनी सेटिंग्स को स्टोर करने के लिए परिवर्तन सहेजें बटन पर क्लिक करने के लिए मत भूलें।

Elementor के साथ कस्टम वर्डप्रेस लेआउट का निर्माण

सबसे पहले आपको अपने वर्डप्रेस साइट पर एक नया पृष्ठ (या पोस्ट) बनाना होगा। पोस्ट संपादित करें स्क्रीन पर, आप ‘एलीमेंटोर के साथ संपादित करें’ बटन को देखेंगे।

Elementor बटन के साथ संपादित करें

उस पर क्लिक करने पर एलिमेंटर यूजर इंटरफेस लॉन्च किया जाएगा, जहां आप एलेमेंटोर के ड्रैग और ड्रॉप पृष्ठ बिल्डर का उपयोग करके अपने पेज को संपादित कर सकते हैं।

Elementor बिल्डर इंटरफ़ेस

अब आप अनुभाग जोड़ सकते हैं और खरोंच से अपना पृष्ठ बना सकते हैं, या आप एक टेम्पलेट जोड़ सकते हैं

टेम्पलेट जल्दी से आपको शुरू करने के लिए एक तेज़ तरीका है। Elementor कई पेशेवर डिजाइन टेम्पलेट्स के साथ आता है कि आप जितना चाहें अनुकूलित कर सकते हैं।

चलिए ‘टेम्पलेट जोड़ें’ बटन पर क्लिक करके एक टेम्पलेट से शुरू करते हैं।

यह एक पॉपअप लाएगा जहां आप विभिन्न टेम्पलेट्स उपलब्ध देख सकेंगे। आपको अपने टेम्पलेट के लिए दिखना चाहिए जो आपके पृष्ठ लेआउट के लिए आपके दिमाग में है।

चुनें और एक टेम्पलेट डालें

अब आपको पसंद किए गए टेम्पलेट का चयन करने के लिए क्लिक करें और फिर इसे अपने पेज पर जोड़ने के लिए ‘सम्मिलित करें’ बटन पर क्लिक करें।

एलेमेंटोर अब आपके लिए टेम्पलेट लोड करेगा।

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

Elementor में एक आइटम को संपादित करना

अब हम बात करते हैं कि एलिमेंटर लेआउट कैसे काम करते हैं।

एलेमेंटर लेआउट अनुभाग, कॉलम, और विजेट्स का उपयोग करके बनाया गया है। अनुभाग पंक्तियों या ब्लॉकों की तरह होते हैं जिन्हें आप अपने पृष्ठ पर रखते हैं।

प्रत्येक अनुभाग में कई कॉलम हो सकते हैं और प्रत्येक अनुभाग और स्तंभ की अपनी शैली, रंग, सामग्री आदि हो सकती है।

एलीमेंटोर में अनुभागों और स्तंभों को संपादित करना

आप अपने कॉलम में कुछ भी जोड़ सकते हैं और एलीमेंटोर विगेट्स का उपयोग कर अनुभाग।

ये विगेट्स विभिन्न प्रकार की सामग्री ब्लाकों हैं जिन्हें आप अपने Elementor वर्गों में रख सकते हैं।

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

एलिमेंटर विजेट्स

आप छवियों, पाठ, शीर्षकों, छवि दीर्घाओं, वीडियो, नक्शे, चिह्न, प्रशंसापत्र, स्लाइडर, कैरोसेल, और बहुत कुछ जोड़ सकते हैं।

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

एक बार जब आप संपादन कर लेंगे, तो आप अपने परिवर्तनों को सहेजने के लिए सहेजें बटन पर क्लिक कर सकते हैं।

एलिमेंटर सहेजें और बाहर निकलें

ध्यान दें: लेआउट सहेजना आपके WordPress साइट पर पृष्ठ को प्रकाशित नहीं करेगा। यह आपके पेज लेआउट को बचाएगा।

अब आप अपने पेज का पूर्वावलोकन कर सकते हैं या वर्डप्रेस डैशबोर्ड पर जा सकते हैं।

यह आपको WordPress पोस्ट संपादक पर वापस लाएगा। अब आप अपने WordPress पृष्ठ को सहेज सकते हैं या इसे अपनी वेबसाइट पर प्रकाशित कर सकते हैं।

पृष्ठ प्रकाशित करें

Elementor में अपनी खुद की टेम्पलेट बनाना

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

बस उस पृष्ठ को संपादित करें जिसे आप Elementor के साथ टेम्पलेट के रूप में सहेजना चाहते हैं।

एलिमेंटर बिल्डर इंटरफ़ेस में, सहेजें बटन के पास फ़ोल्डर आइकन पर क्लिक करें और फिर ‘सहेजें टेम्पलेट’ चुनें।

अपना टेम्पलेट सहेजें

यह एक पॉपअप लाएगा, जहां आपको अपने टेम्पलेट के लिए नाम प्रदान करने की आवश्यकता होगी और सहेजें बटन पर क्लिक करें।

टेम्पलेट नाम

अगली बार जब आप एक कस्टम पेज लेआउट बना रहे हैं, तो आप इसे ‘मेरे टेम्पलेट’ टैब से चुन सकेंगे।

कस्टम टेम्पलेट

आप इस टेम्पलेट को निर्यात भी कर सकते हैं और एलेमेंटोर का उपयोग करते हुए अन्य वर्डप्रेस साइट्स पर इसका इस्तेमाल कर सकते हैं।

आपको यात्रा की आवश्यकता होगी एलिमेंटर »लाइब्रेरी अपने सहेजे गए टेम्पलेट देखने के लिए पेज अपना माउस अपने टेम्पलेट नाम पर ले जाएं और फिर ‘निर्यात टेम्पलेट’ लिंक पर क्लिक करें।

टेम्पलेट निर्यात करें

अपनी टेम्पलेट फ़ाइल डाउनलोड करने के बाद आप एलेमेंटोर का उपयोग करके किसी अन्य WordPress साइट पर लायब्रेरी पृष्ठ पर जा सकते हैं और फिर अपने टेम्पलेट आयात कर सकते हैं।

अभी के लिए इतना ही।