एक टेम्पलेट के रूप में एक एलिमेंट पेज को कैसे सहेजें (और इसे जेएसओएन के रूप में निर्यात करें)

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

यह मार्गदर्शिका पूरे लूप को कवर करती है: एक पृष्ठ को टेम्पलेट के रूप में सहेजें, एक अनुभाग सहेजें, अपने सहेजे गए टेम्पलेट्स को ढूंढें, एक को जेएसओएन के रूप में निर्यात करें, और इसे दूसरी साइट में लाएं प्रत्येक स्क्रीनशॉट एलिमेंटर ४.२ से मुफ्त में आता है मास्टर ऐडऑन प्लगइन सक्रिय यदि आप दूसरी दिशा में जा रहे हैं और एक टेम्पलेट लाने की आवश्यकता है, तो एलिमेंट टेम्पलेट आयात गाइड तीनों आयात मार्गों से चलता है।

लघु संस्करण

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

आपको किस विधि की आवश्यकता है?

इससे पहले कि आप शुरू करें

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

टेम्प्लेट को उस तरह से नाम दें जिस तरह से आप एक फ़ाइल का नाम देंगे जिसे आपको छह महीने में ढूंढना होगा। “Perfume लैंडिंग पेज” बीट्स “पेज कॉपी 2” एक बार सूची चालीस पंक्तियों तक चली जाती है।

टेम्पलेट के रूप में एक एलिमेंट पेज को कैसे सहेजें

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

मेनू में तीन आइटम हैं उठाओ टेम्पलेट के रूप में सहेजें.

टेम्पलेट का नाम दें और चुनें कि यह कहाँ जाता है

एलिमेंटर एक संवाद खोलता है जिसका शीर्षक है “इस पेज को अपने लाइब्रेरी” में एक नाम फ़ील्ड और दो गंतव्यों के साथ सहेजें।

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

एक नाम टाइप करें, साइट टेम्प्लेट पर टिक करके छोड़ दें और क्लिक करें सहेजें। एलिमेंटर लेआउट को सहेजता है और आपको सूची में आपके नए टेम्पलेट के साथ टेम्प्लेट टैब पर लाइब्रेरी में छोड़ देता है।

पृष्ठ स्वयं अछूता है मूल रहता है के रूप में यह था प्रकाशित, और टेम्पलेट टेम्पलेट्स, सहेजे गए टेम्पलेट्स के तहत दायर एक अलग प्रतिलिपि है।

पूरे पृष्ठ के बजाय एक अनुभाग सहेजें

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

कैनवास पर अनुभाग, कंटेनर या विजेट पर राइट-क्लिक करें और चुनें टेम्पलेट के रूप में सहेजें.

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

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

जहां आपके सहेजे गए टेम्पलेट रहते हैं

दो जगह, एक ही सूची दिखा रहा है।

संपादक के अंदर

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

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

वर्डप्रेस डैशबोर्ड में

टेम्प्लेट पर जाएं, सहेजे गए टेम्प्लेट वर्डप्रेस सूची दृश्य में समान टेम्प्लेट, पृष्ठ, अनुभाग, कंटेनर और बाकी के लिए शीर्ष पर टैब के साथ।

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

JSON फ़ाइल के रूप में एलिमेंटर टेम्पलेट को कैसे निर्यात करें

आप किसी भी स्थान से निर्यात कर सकते हैं, और फ़ाइल समान है।

संपादक से

लाइब्रेरी खोलें, टेम्प्लेट टैब पर जाएं, टेम्प्लेट ढूंढें और इसकी पंक्ति के अंत में तीन बिंदुओं पर क्लिक करें मेनू में निर्यात, नाम बदलें और हटाएं है।

डैशबोर्ड से

टेम्प्लेट, सहेजे गए टेम्प्लेट में, पंक्ति को घुमाएँ और क्लिक करें निर्यात पृष्ठ (या निर्यात अनुभाग)।

।json फ़ाइल के अंदर क्या है

मैंने ऊपर दिए गए स्क्रीनशॉट से सात-खंड पृष्ठ निर्यात किया और फ़ाइल खोली यह पांच शीर्ष-स्तरीय कुंजियों के साथ जेएसओएन का ११३ केबी हैः

{
  "content": [ ... 7 sections ... ],
  "page_settings": [],
  "version": "0.4",
  "title": "Perfume Landing Page",
  "type": "page"
}

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

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

दूसरी साइट पर JSON आयात करें

प्राप्त साइट पर, टेम्प्लेट, सहेजे गए टेम्प्लेट पर जाएं और क्लिक करें टेम्पलेट्स आयात करें। एलिमेंट एक एकल स्वीकार करता है .json फ़ाइल या ए .zip कई युक्त।

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

एक पृष्ठ सहेजना बनाम पूरी साइट निर्यात करना

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

जब आप उस सब को चाहते हैं, तो एक वेबसाइट टेम्पलेट का उपयोग करें एलिमेंट, टूल्स, वेबसाइट टेम्पलेट्स पर जाएं।

इस वेबसाइट को निर्यात करें डाउनलोड करें .zip अपने टेम्पलेट्स, सामग्री और डिजाइन सेटिंग्स के साथ इसमें एक वेबसाइट टेम्पलेट लागू करें एक वापस अंदर ले जाता है यह तैयार किए गए के पीछे एक ही तंत्र है एलिमेंटर टेम्पलेट किटजब आप एक पूरे निर्माण क्लोनिंग कर रहे हैं इसका इस्तेमाल करें एक ही पृष्ठ के लिए, जेएसओएन निर्यात हल्का है।

जब आयातित टेम्पलेट सही नहीं दिखता है

छवियाँ गायब हैं या टूटी हुई हैं

स्रोत साइट ऑफ़लाइन है, छवियों को हटा दिया गया था, या साइट लॉगिन या फ़ायरवॉल के पीछे है एलिमेंटर उन्हें आयात समय पर नहीं ला सका मूल साइट को वापस रखो और फिर से आयात करें, या नई साइट पर हाथ से छवियों को अपलोड करें।

फ़ॉन्ट और रंग मेल नहीं खाते

आपकी थीम के डिफॉल्ट टेम्पलेट को ओवरराइड कर रहे हैं एलिमेंट की सेटिंग्स में डिफॉल्ट कलर्स को अक्षम करें और डिफॉल्ट फ़ॉन्ट्स को अक्षम करें को चालू करें यह दस्तावेज़ दिखाता है कि दोनों स्विच कहाँ हैं.

लेआउट का हिस्सा गायब है

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

अपलोड अस्वीकार कर दिया जाता है

टेम्पलेट आयात एक लेते हैं .json फ़ाइल या ए .zip टेम्पलेट्स का एक वेबसाइट टेम्पलेट .zip एक अलग प्रारूप है और इस स्क्रीन के माध्यम से नहीं जाएगा; उन लोगों के लिए उपकरण, वेबसाइट टेम्पलेट्स का उपयोग करें बड़ी फाइलें आपके होस्ट की अपलोड सीमा को भी मार सकती हैं, जो आपके होस्ट को बढ़ा सकती हैं।

आपका थीम हेडर और पाद लेख पृष्ठ के चारों ओर लपेटें

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

एक तेज़ मार्ग: किसी पहले से निर्मित टेम्पलेट से प्रारंभ करें

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

मास्टर एडॉन्स प्लगइन के अंदर 211 पेज टेम्प्लेट, 423 सेक्शन, 43 हेडर और 34 फुटर्स की एक लाइब्रेरी भेजता है, इसलिए आप JSON फ़ाइल की तलाश करने के बजाय एक क्लिक से आयात करते हैं। पेज टेम्प्लेट में से 35 निःशुल्क हैं; बाकी के साथ आते हैं मास्टर एडॉन्स प्रोएक आयात करें, इसे संपादित करें, फिर ऊपर दिए गए चरणों का उपयोग करके टेम्पलेट के रूप में अपने संपादित संस्करण को सहेजें, और आपके पास अगले प्रोजेक्ट के लिए अपना प्रारंभिक बिंदु है पूर्ण कैटलॉग पर है एलिमेंटर पेज टेम्पलेट्स पेज।

अक्सर पूछे जाने वाले प्रश्न

अगला कदम

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

संबंधित पढ़नाः नि: शुल्क एलिमेंट अनुभाग टेम्पलेट्स, एनवाटो एलिमेंट्स टेम्पलेट किट कैसे आयात करें, और एलिमेंटर के साथ एक पेज की वेबसाइट कैसे बनाएं.