एलिमेंटर ब्लॉग टेम्प्लेट: 10 ब्लॉग पेज लेआउट और 5 सिंगल पोस्ट टेम्प्लेट

एलिमेंटर ब्लॉग टेम्प्लेट: मास्टर एडॉन्स लोगो के साथ पांच ब्लॉग पेज और सिंगल पोस्ट टेम्प्लेट डिज़ाइन एक साथ दिखाए गए हैं

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

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

प्रत्येक मुफ्त डाउनलोड में आपको क्या मिलता है

प्रत्येक टेम्पलेट एक छोटी ज़िप फ़ाइल के रूप में डाउनलोड होता है इसे पहले अनज़िप करें: एलिमेंटर को इसकी आवश्यकता है .json इसके अंदर फाइल करें आपको तीन चीजें मिलेंगीः

अनज़िप्ड एलिमेंटर ब्लॉग टेम्प्लेट डाउनलोड एक पूर्वावलोकन फ़ोल्डर, टेम्प्लेट JSON फ़ाइल और एक readme।txt फ़ाइल दिखा रहा है
  • एक preview डिजाइन के दो स्क्रीनशॉट के साथ फ़ोल्डर, desktop-1440.webp और mobile-390.webpू ी है, तो आप कुछ भी आयात करने से पहले इसे जांच सकते ह। [+]
  • टेम्पलेट ही, ए .json डिज़ाइन के नाम पर फ़ाइल (ma-blog-mosaic-masonry.json ऊपर दिए गए उदाहरण में), जो फ़ाइल आप अपने एलिमेंटर टेम्पलेट लाइब्रेरी में आयात। [+]
  • एक readme.txt यह सूचीबद्ध करता है कि टेम्पलेट को क्या चाहिए और बुनियादी आयात के माध्यम से चलता है, साथ ही बाद में बदलने के लिए कोई भी सेटिंग्स।

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

आयात करने से पहले आपको क्या चाहिए

टेम्पलेट प्रकारइसकी क्या जरूरत हैजहां आप इसका उपयोग करते हैं
ब्लॉग पेज टेम्प्लेट (10)वर्डप्रेस, एलिमेंटर और मास्टर एडॉन्सकोई भी एलिमेंट पेज, उदाहरण के लिए ब्लॉग नामक पेज
एकल पोस्ट टेम्प्लेट (5)थीम बिल्डर या किसी अन्य थीम बिल्डर के साथ वर्डप्रेस, एलिमेंट, मास्टर एडॉन्सआपके थीम बिल्डर में एक एकल पोस्ट टेम्पलेट, आपके पोस्ट पर लागू होता है

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

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

डाउनलोड करने के लिए १० मुफ्त एलिमेंट ब्लॉग पेज टेम्पलेट्स

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

1। सिग्नल: एक विशेष पोस्ट के साथ पत्रिका ग्रिड

सिग्नल एलिमेंटर ब्लॉग टेम्पलेट पोस्ट के तीन कॉलम ग्रिड के ऊपर एक विशेष पोस्ट बैनर के साथ

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

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

2। कॉलम: संपादकीय एक-कॉलम सूची

कॉलम एलिमेंटर ब्लॉग पेज टेम्पलेट छोटे थंबनेल और सेरिफ़ हेडलाइन के साथ पोस्ट की एकल कॉलम सूची दिखा रहा है

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

३ मोज़ेक: चिनाई फोटो दीवार

मोज़ेक एलिमेंटर चिनाई ब्लॉग टेम्पलेट कंपित ग्रेस्केल फ़ोटो और छोटे कैप्शन कार्ड के साथ

छवि के नेतृत्व वाले ब्लॉगों के लिए एक तीन-स्तंभ चिनाई वाली दीवार जब तक आप होवर नहीं करते तब तक तस्वीरें ग्रेस्केल रहती हैं, और प्रत्येक शीर्षक एक छोटे सफेद कार्ड में बैठता है जो छवि को ओवरलैप करता है भोजन, यात्रा और फोटोग्राफी ब्लॉग इससे सबसे अधिक प्राप्त करते हैं।

चिनाई केवल तब डगमगाती है जब आपकी चित्रित छवियां अलग-अलग आकार में आती हैं यदि प्रत्येक तस्वीर एक ही फसल है, तो दीवार एक नियमित ग्रिड की तरह दिखती है।

४ कियोस्क: फिल्टर टैब के साथ श्रेणी हब

दिनांक बैज के साथ कार्ड ग्रिड के ऊपर श्रेणी फ़िल्टर टैब के साथ कियोस्क एलिमेंटर ब्लॉग टेम्पलेट

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

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

पोस्ट कार्ड के दो कॉलम के ऊपर एक विशेष पोस्ट हिंडोला के साथ मार्की एलिमेंटर ब्लॉग टेम्पलेट

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

हिंडोला के ऊपर सीधे एक दूसरा, एक-लाइन एचटीएमएल विजेट है यह अपने कंटेनर के अंदर शेष पृष्ठ रखता है, इसलिए इसे जगह में छोड़ दें।

६ ब्रॉडशीट: एक साइडबार के साथ क्लासिक ब्लॉग

क्षैतिज पोस्ट पंक्तियों और खोज और हालिया पोस्ट के साथ एक चिपचिपा साइडबार के साथ ब्रॉडशीट एलिमेंटर ब्लॉग टेम्पलेट

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

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

७ आधी रातः डार्क कार्ड ब्लॉग

लगभग काली पृष्ठभूमि पर ग्लास स्टाइल कार्ड के साथ आधी रात का डार्क एलिमेंटर ब्लॉग टेम्पलेट

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

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

८ लेजर: ज्ञान आधार सूची

लेजर एलिमेंटर एक खोज बार, रेखांकित विषय टैब और कॉम्पैक्ट लेख पंक्तियों के साथ केंद्र टेम्पलेट में सहायता करता है

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

कियोस्क की तरह, टैब श्रेणी के अनुसार फ़िल्टर से आते हैं, इसलिए आयात करने के बाद अपनी श्रेणियां चुनें।

9। फ्रॉस्ट: पूर्ण-चौड़ाई वाली फीचर पंक्तियाँ

फ्रॉस्ट एलिमेंटर ब्लॉग टेम्पलेट प्रति पंक्ति एक विस्तृत छवि के साथ और उस पर एक सफेद कैप्शन कार्ड उठाया गया है

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

10। सादा: न्यूनतम दो-स्तंभ

केन्द्रित दो कॉलम कार्ड और सेरिफ़ शीर्षकों के साथ सादा न्यूनतम एलिमेंटर ब्लॉग पेज टेम्पलेट

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

एलिमेंट टेम्पलेट के साथ ब्लॉग पेज कैसे बनाएं

ब्लॉग पेज टेम्प्लेट किसी भी एलिमेंटर पेज पर काम करते हैं सभी दस के लिए चरण समान हैं।

  1. ज़िप डाउनलोड करें और इसे अपने कंप्यूटर पर अनज़िप करें एलिमेंटर आयात करता है .json फ़ाइल; एक .zip केवल तभी आयात करता है जब एलिमेंटर > सेटिंग्स > एडवांस्ड के तहत अनफ़िल्टर्ड फ़ाइल अपलोड सक्षम करें विकल्प चालू होता है।
  2. अपने डैशबोर्ड में, टेम्प्लेट> सहेजे गए टेम्प्लेट पर जाएं और टेम्प्लेट आयात करें पर क्लिक करें।
  3. को चुनें .json फ़ाइल और क्लिक करें अब आयात करें टेम्पलेट आपकी सहेजी गई टेम्पलेट्स सूची में दिखाई देता है।
  4. एक नया पेज बनाएं, इसे ब्लॉग (या जो भी आपको पसंद हो) कहें और इसे एलिमेंटर के साथ खोलें।
  5. फ़ोल्डर आइकन पर क्लिक करें, माई टेम्प्लेट टैब खोलें और टेम्प्लेट के बगल में सम्मिलित करें पर क्लिक करें।
  6. पेज प्रकाशित करें और इसे अपने मेनू में जोड़ें।

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

इसे वर्डप्रेस “Posts पेज” के रूप में सेट न करें

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

आपके आयात के बाद जाँच के लायक सेटिंग्स

  • ब्लॉग पोस्ट विजेट के प्रदर्शन विकल्पों में प्रति पृष्ठ और ऑर्डर लाइव पोस्ट प्रत्येक टेम्पलेट ४ और १० पदों के बीच प्रति विजेट के साथ जहाज।
  • कियोस्क और लेजर को अपने टैब को समझने से पहले श्रेणी द्वारा फ़िल्टर में अपनी श्रेणियों की आवश्यकता होती है।
  • सूची लेआउट (कॉलम, ब्रॉडशीट, लेजर और फ्रॉस्ट) पर कॉलम की संख्या 1 कॉलम पर रहनी चाहिए, या सूची ग्रिड में बदल जाती है।

पृष्ठांकन चालू करना

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

  1. ब्लॉग पोस्ट विजेट पर क्लिक करें और सामग्री टैब पर बने रहें।
  2. प्रदर्शन विकल्पों में, पेजिनेशन को हाँ पर स्विच करें। प्रति पृष्ठ पोस्ट फिर सेट करता है कि प्रत्येक पृष्ठ पर कितने पोस्ट दिखाई देते हैं।
  3. यदि आप अलग-अलग लेबल चाहते हैं तो अगला पृष्ठ पाठ और पिछला पृष्ठ पाठ बदलें, और एक संरेखण चुनें।
सिग्नल ब्लॉग टेम्पलेट के अंतर्गत क्रमांकित पृष्ठ लिंक के साथ एलिमेंटर ब्लॉग पोस्ट विजेट में पेजिनेशन चालू किया गया

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

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

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

अपनी श्रेणी के पृष्ठों को मेल खाना

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

५ मुफ्त एलिमेंट सिंगल पोस्ट टेम्पलेट्स

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

आयातित एलिमेंटर सिंगल पोस्ट टेम्प्लेट ग्रे प्लेसहोल्डर्स को दिखा रहा है जहां पोस्ट शीर्षक, चित्रित छवि और सामग्री दिखाई देगी

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

11। फोलियो: क्लासिक संपादकीय

श्रेणी लेबल, सेरिफ़ हेडलाइन, बायलाइन और विस्तृत फीचर्ड छवि के साथ फोलियो एलिमेंटर एकल पोस्ट टेम्पलेट

भरोसेमंद पत्रिका लेख एक श्रेणी रेखा, एक सेरिफ़ हेडलाइन, एक स्टैंडफर्स्ट और लेखक की तस्वीर के साथ एक बायलाइन एक विस्तृत चित्रित छवि के ऊपर बैठते हैं इसके नीचे एक “इस लेख में” सामग्री बॉक्स, ७४८ पीएक्स रीडिंग कॉलम में पोस्ट, एक लेखक कार्ड और तीन संबंधित पोस्ट सामग्री बॉक्स मास्टर एडॉन्स है विषय-सूची विजेट.

12। इमर्सिव: फुल-ब्लीड हीरो

इमर्सिव एलिमेंटर सिंगल पोस्ट टेम्प्लेट जिसमें फुल स्क्रीन ब्लैक एंड व्हाइट फीचर्ड इमेज और उस पर हेडलाइन है

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

शेयर बटन लोड होने पर पेज पते से अपने एक्स, फेसबुक और लिंक्डइन लिंक बनाते हैं, और चौथा बटन लिंक की प्रतिलिपि बनाता है कोई तृतीय-पक्ष स्क्रिप्ट शामिल नहीं है।

१३ मैनुअल: चिपचिपा साइडबार ट्यूटोरियल

एक चिपचिपा सामग्री साइडबार के साथ मैनुअल एलिमेंटर सिंगल पोस्ट टेम्पलेट जो वर्तमान अनुभाग को हाइलाइट करता है

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

14। शांत: पाठ-पहला निबंध

एक बड़े सेरिफ़ हेडलाइन, ग्रे स्टैंडफर्स्ट और ड्रॉप कैप के साथ शांत एलिमेंटर सिंगल पोस्ट टेम्पलेट

कोई चित्र बिल्कुल नहीं: एक सेरिफ़ हेडलाइन, एक ग्रे स्टैंडफर्स्ट, एक ड्रॉप कैप और एक ६६० पीएक्स कॉलम सेट एक सेरिफ़ चेहरे में पुल उद्धरण केंद्रित और इटैलिक हैं लेख के बाद एक छोटा लेखक साइन-ऑफ, एक सदस्यता कार्ड और आगे पढ़ने की एक पाठ-केवल सूची है यह निबंध, राय टुकड़े और समाचार पत्र के अनुरूप है जो वेब पर रहते हैं।

15। केसफ़ाइल: विज़ुअल केस स्टडी

एक शीर्षक, प्रोजेक्ट फैक्ट्स कार्ड और विस्तृत कवर छवि के साथ केसफाइल एलिमेंटर केस स्टडी टेम्पलेट

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

तथ्य कार्ड प्रत्येक पोस्ट पर तीन कस्टम फ़ील्ड पढ़ता हैः client, year और service॰ गैलरी पोस्ट से जुड़ी छवियों को दिखाती है, जिसका अर्थ है कि उस पोस्ट के संपादक के अंदर से अपलोड किए गए रीडमी दोनों को समझाता है।

एलिमेंटर में सिंगल पोस्ट टेम्पलेट कैसे बनाएं

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

मास्टर एडॉन्स थीम बिल्डर के साथ

इस तरह पांच टेम्पलेट्स का निर्माण और परीक्षण किया गया था मास्टर एडॉन्स में एकल टेम्पलेट प्रकार थीम बिल्डर का हिस्सा है मास्टर एडॉन्स प्रो.

  1. आयात करें .json टेम्प्लेट > सहेजे गए टेम्प्लेट के अंतर्गत फ़ाइल, ब्लॉग पेज टेम्प्लेट की तरह ही।
  2. मास्टर ऐडऑन > थीम बिल्डर पर जाएं, नया जोड़ें पर क्लिक करें और टेम्पलेट प्रकार के रूप में सिंगल चुनें।
  3. एलिमेंटर के साथ नया टेम्प्लेट संपादित करें, फ़ोल्डर आइकन खोलें, माई टेम्प्लेट पर जाएं और डिज़ाइन डालें।
  4. प्रदर्शन स्थिति को शामिल करने के लिए सेट करें> एकवचन> पोस्ट केवल एक प्रकार की सामग्री के लिए लेआउट का उपयोग करने के लिए, जैसे कि केस स्टडीज, सभी पोस्ट के बजाय उन पोस्ट को स्थिति में चुनें।
  5. सहेजें, फिर इसे जांचने के लिए अपनी साइट पर कोई भी पोस्ट खोलें।

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

एलिमेंटर प्रो या किसी अन्य थीम बिल्डर के साथ

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

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

जगह में छोड़ने के लिए दो विवरण

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

रंग और फ़ॉन्ट अनुकूलित करना

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

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

समस्या निवारण

आयात करते समय फ़ाइल” में “अमान्य सामग्री

आप ज़िप ही अपलोड कर रहे हैं, या एक फ़ाइल जो एलिमेंटर निर्यात नहीं है डाउनलोड को अनज़िप करें और आयात करें .json फाइल।

ब्लॉग का पेज खाली है

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

डिजाइन डेमो से अलग दिखता है

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

एकल पोस्ट टेम्पलेट मेरी पोस्ट पर नहीं दिख रहा है

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

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

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

क्या ये एलिमेंट ब्लॉग टेम्प्लेट मुफ़्त हैं?

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

क्या मैं एलिमेंट के मुफ्त संस्करण के साथ एक एकल पोस्ट टेम्पलेट बना सकता हूं?

अकेले एलिमेंट के साथ नहीं फ्री एलिमेंट में कोई थीम बिल्डर नहीं है, इसलिए यह आपके थीम के पोस्ट लेआउट को प्रतिस्थापित नहीं कर सकता है आपको एक की आवश्यकता है: एलिमेंट प्रो का थीम बिल्डर, या मास्टर एडॉन्स थीम बिल्डर, जिसका एकल टेम्पलेट प्रकार मास्टर एडॉन्स प्रो का हिस्सा है हमने मास्टर एडॉन्स थीम बिल्डर में इन टेम्पलेट्स का निर्माण और परीक्षण किया।

क्या मैं अलग-अलग पोस्ट के लिए अलग-अलग सिंगल पोस्ट टेम्प्लेट का उपयोग कर सकता हूं?

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

क्या मेरी मौजूदा पोस्ट टेम्प्लेट में दिखाई देंगी?

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

क्या मैं अपने होमपेज पर ब्लॉग पेज टेम्पलेट का उपयोग कर सकता हूं?

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

मुझे और एलिमेंट टेम्प्लेट कहां मिल सकते हैं?

घर, उसके बारे में, संपर्क और मूल्य निर्धारण जैसे एकल पृष्ठों के लिए मास्टर ऐडऑन टेम्पलेट लाइब्रेरी एक ही JSON प्रारूप में 200 से अधिक डिज़ाइन हैं। एक ही बार में पूरी साइट के लिए, ब्राउज़ करें एलिमेंटर टेम्पलेट किट.

एक लेआउट चुनें और अपना ब्लॉग बनाएं

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

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

इस पोस्ट में “गेट होस्टिंग” लिंक रेफरल लिंक हैं यदि आप एक के माध्यम से होस्टिंग खरीदते हैं, तो हम आपके लिए बिना किसी अतिरिक्त लागत के कमीशन कमा सकते हैं।

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

एक उत्तर छोड़ें

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