एलिमेंट के साथ ब्लॉग पेज कैसे बनाएं (२ आसान तरीके)

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

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

इसके लिए आपको कोई कोड लिखने की जरूरत नहीं है इसके साथ एलिमेंटर पोस्ट विजेट (प्रो) या एक मुफ्त प्लगइन की तरह एलिमेंट के लिए मास्टर ऐडऑनं, आप एक रिवाज बना सकते हैं एलिमेंट ब्लॉग पेज वह आपके ब्रांड से मेल खाता है।

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

  1. विधि 1: एलिमेंटर प्रो पोस्ट विजेट (भुगतान) का उपयोग करना
  2. विधि 2: मास्टर ऐडऑन ब्लॉग विजेट का उपयोग करना (निःशुल्क)

अंत में एक तुलना तालिका है ताकि आप देख सकें कि प्रत्येक विकल्प क्या प्रदान करता है मैंने एक वीडियो वॉकथ्रू भी रिकॉर्ड किया है यदि आप इसे पसंद करते हैं।

क्यों आपकी वर्डप्रेस साइट को एक ब्लॉग पेज की आवश्यकता है

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

एक अच्छा वर्डप्रेस ब्लॉग पेज डिजाइन आपके लिए कुछ चीजें करता हैः

  • एसईओ यातायात जब Google किसी उचित ब्लॉग पेज पर व्यवस्थित होता है तो वह ताज़ा सामग्री को तेज़ी से अनुक्रमित करता है।
  • लंबे सत्र 1 ए एलिमेंटर ब्लॉग लेआउट थंबनेल, अंश और श्रेणियों के साथ आगंतुकों को बाउंस होने के बजाय अधिक पोस्ट पर क्लिक करने का मौका मिलता है।
  • प्राधिकरण एक विषय पर नियमित रूप से प्रकाशन आपको अपने आला में जाने के लिए संसाधन बनाता है।
  • रूपांतरों ब्लॉग पोस्ट पाठकों को आपके उत्पादों, सेवाओं या ईमेल सूची की ओर ले जाते हैं।

बॉक्स से बाहर, वर्डप्रेस सिर्फ रिवर्स कालानुक्रमिक क्रम में पोस्ट ढेर करता है देखने के लिए बहुत कुछ नहीं है सही के साथ एलिमेंट ब्लॉग विजेट, आप इसे ग्रिड, कार्ड लेआउट, हिंडोला और बहुत कुछ के लिए स्वैप कर सकते हैं, बिना कोड के।

शुरू करने से पहले: पूर्वापेक्षाएँ

शुरू करने से पहले आपको कुछ चीजों की तैयारी की आवश्यकता होगीः

  1. वर्डप्रेस स्थापित आपकी होस्टिंग पर (कोई भी हालिया संस्करण काम करता है)
  2. एलिमेंटर प्लगइन स्थापित और सक्रिय (वर्डप्रेस।org से निःशुल्क संस्करण)
  3. कुछ ब्लॉग पोस्ट प्रकाशित ू ी आपको कम से कम ३-६ पोस्ट की आवश्यकता है इसलिए ब्लॉग पेज में प्रदर्शित करने के लिए सामग्री है सर्वश्रेष्ठ दृश्य परिणाम के लिए प्रत्येक पोस्ट में विशेष रुप से प्रदर्शित चित्र जोड़ें।
  4. एक स्थिर होमपेज सेट ँ पर जाएँ सेटिंग्स > पढ़ना और “A स्थिर पृष्ठ।” चुनें अपना होमपेज सेट करें और पोस्ट के लिए एक अलग पृष्ठ बनाएं।

विधि १ के लिए, आपको आवश्यकता होगी एलिमेंट प्रो। विधि 2 के लिए, आपको केवल निःशुल्क की आवश्यकता है मास्टर ऐडऑन प्लगइनहै, जो एलिमेंट के मुफ्त संस्करण के साथ काम करता है।

वीडियो ट्यूटोरियल: एलिमेंट के साथ एक ब्लॉग पेज बनाएं

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

ठीक है, दो तरीकों पर।

विधि १: एलिमेंटर प्रो पोस्ट विजेट के साथ एक ब्लॉग पेज बनाएं

अगर आपके पास एलिमेंट प्रो, आपके पास पहले से ही है पदों विजेट (कभी-कभी पैनल में “पोस्ट्स” तत्व के रूप में सूचीबद्ध) यह किसी भी पृष्ठ पर ब्लॉग पोस्ट प्रदर्शित करने के लिए एलिमेंटर का अपना उपकरण है।

चरण १: पोस्ट विजेट को अपने पेज पर जोड़ें

वह पृष्ठ खोलें जहां आप चाहते हैं कि आपका ब्लॉग एलिमेंटर संपादक में दिखाई दे बाईं ओर विजेट पैनल में, “Posts” खोजें और खींचें पदों विजेट अपने पृष्ठ अनुभाग में।

एलिमेंटर प्रो एलिमेंटर संपादक साइडबार में विजेट पोस्ट करता है

विजेट तुरंत आपके प्रकाशित पोस्ट को खींच लेगा और उन्हें डिफ़ॉल्ट लेआउट में प्रदर्शित करेगा।

चरण २: अपनी लेआउट त्वचा चुनें

एलिमेंटर प्रो आपको चुनने के लिए तीन लेआउट खाल देता हैः

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

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

एलिमेंटर प्रो 3 कॉलम ब्लॉग ग्रिड दिखाते हुए डिफ़ॉल्ट लेआउट पोस्ट करता है

चरण ३: लेआउट सेटिंग्स कॉन्फ़िगर करें

लेआउट टैब यह वह जगह है जहां आप डायल करते हैं कि आपका कैसा है एलिमेंट ब्लॉग पेज वास्तव में दिखता हैः

  • छवि स्थिति ^ चित्रित छवि को ऊपर, बाएँ, दाएँ रखें, या इसे पूरी तरह से छिपाएँ।
  • छवि का आकार और अनुपात अपने डिज़ाइन के लिए सही थंबनेल आयाम चुनें।
  • शीर्षक टैग पोस्ट शीर्षकों के लिए एचटीएमएल टैग (एच २, एच ३, एच ४, आदि) सेट करें यह एसईओ के लिए मायने रखता है।
  • अंश लंबाई ऍक्स पोस्ट अंश के कितने शब्द दिखाए गए हैं, इसे नियंत्रित करें।
  • मेटाडेटा कृपया चुनें कि कौन सी मेटा जानकारी प्रदर्शित करनी है: लेखक का नाम, दिनांक, समय और टिप्पणियाँ।
  • और अधिक पाठ पढ़ें “ को अनुकूलित करेंअधिक” बटन टेक्स्ट पढ़ें।

चरण ४: क्वेरी और पेजिनेशन सेट करें

सामग्री टैब इसके दो महत्वपूर्ण अनुभाग हैं: क्वेरी और पेजिनेशन।

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

पृष्ठांकन नियंत्रित करता है कि उपयोगकर्ता पोस्ट के कई पृष्ठों के माध्यम से कैसे नेविगेट करते हैं तीन विकल्प उपलब्ध हैंः

  • संख्याएँ (1, 2, 3...)
  • पिछला/अगला तीर
  • संख्याएँ + पिछला/अगला संयुक्त
एलिमेंटर प्रो पोस्ट विजेट में क्वेरी और पेजिनेशन सेटिंग्स

चरण ५: अपने ब्लॉग लेआउट को स्टाइल करें

शैली टैब दृश्य ट्वीक्स के लिए चार खंड हैंः

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

टिप: अपने ब्लॉग पेज पर लगातार रिक्ति और टाइपोग्राफी का उपयोग करें पॉलिश लुक बनाने के लिए छवियों और कार्डों के लिए एक ही सीमा-त्रिज्या सेट करें अपने ब्रांड के उच्चारण रंग के साथ अधिक पढ़ें लिंक रंग का मिलान करें।

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

यदि आप प्रो के लिए भुगतान किए बिना अधिक विकल्प चाहते हैं, तो अगली विधि देखने लायक है।

विधि २: मास्टर एडॉन्स (निःशुल्क) का उपयोग करके एलिमेंट के साथ एक ब्लॉग पेज बनाएं

मास्टर ऐडऑन ब्लॉग विजेट (संपादक में लेबल “MA ब्लॉग”) मुफ़्त है और एलिमेंटर प्रो पोस्ट विजेट की तुलना में अधिक लेआउट विकल्पों में पैक करता है। 21 लेआउट विविधताएं, होवर एनिमेशन, एक अंतर्निर्मित हिंडोला, उन्नत फ़िल्टरिंग। यह अधिक पूर्ण विशेषताओं में से एक है एलिमेंटर ब्लॉग विजेट वहाँ से बाहर।

चरण १: मास्टर एडॉन्स स्थापित करें और सक्रिय करें

पकड़ना एलिमेंट के लिए मास्टर ऐडऑन वर्डप्रेस डॉट ओआरजी (फ्री) से सक्रियण के बाद, आप देखेंगे कि आपके एलिमेंटर विजेट पैनल में “MA ब्लॉग” तत्व दिखाई देता है।

एलिमेंट संपादक पैनल में मास्टर ऐडऑन ब्लॉग तत्व विजेट

चरण २: ब्लॉग विजेट जोड़ें और एक लेआउट चुनें

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

४ कॉलम ग्रिड दिखाने वाले मास्टर ऐडऑन का डिफ़ॉल्ट ब्लॉग लेआउट

यह वह जगह है जहां यह दिलचस्प हो जाता है आप प्राप्त करते हैं तीन लेआउट प्रकार:

  • ग्रिड स्वच्छ, व्यवस्थित ब्लॉग पृष्ठों के लिए मानक ग्रिड लेआउट
  • कार्ड छाया और सीमाओं के साथ ऊंचा कार्ड डिज़ाइन
  • सूची 1 क्षैतिज सूची लेआउट, समाचार या पत्रिका-शैली ब्लॉग के लिए बढ़िया

प्रत्येक लेआउट प्रकार में है ७ अद्वितीय शैली विविधताएं, आपको कुल मिलाकर दे रहा है २१ अलग-अलग ब्लॉग पेज डिजाइन (प्लस चिनाई समर्थन) आप एक क्लिक के साथ उनके बीच स्विच कर सकते हैं।

मास्टर ऐडऑन द्वारा ब्लॉग शैली विविधताएं 21 अलग-अलग लेआउट संयोजन दिखा रही हैं

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

चरण ३: प्रदर्शन विकल्प कॉन्फ़िगर करें

ब्लॉग पोस्ट कैसे दिखाई देते हैं, इस पर आपको बारीक नियंत्रण मिलता हैः

  • पोस्ट ऑर्डर ^ दिनांक, शीर्षक, संशोधित तिथि या यादृच्छिक के आधार पर क्रमबद्ध करें।
  • कॉलम 1 से 6 कॉलम सेट करें।
  • पोस्ट प्रारूप चिह्न विभिन्न पोस्ट प्रारूपों (वीडियो, ऑडियो, गैलरी) के लिए आइकन दिखाएं।
  • मेटा सेपरेटर 2 वह वर्ण चुनें जो मेटा आइटम (पाइप, डॉट, डैश) को अलग करता है।
  • शीर्षक HTML टैग पोस्ट शीर्षकों (H2, H3, H4, आदि) के लिए शीर्षक टैग चुनें।
  • पोस्ट प्रकार str नियमित पोस्ट, कस्टम पोस्ट प्रकार या पेज प्रदर्शित करें।
  • पंक्ति एवं स्तंभ रिक्ति पदों के बीच अंतराल को ठीक करें।
  • सामग्री संरेखण अपनी पोस्ट सामग्री को बाएँ, मध्य या दाएँ संरेखित करें।
  • प्रति पृष्ठ पोस्ट st सेट करें कि प्रति पृष्ठ कितने पोस्ट दिखाने हैं।
  • पृष्ठांकन 1 पेज नेविगेशन सक्षम या अक्षम करें।

चरण ४: थंबनेल विकल्प सेट करें

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

  • विशेष रुप से प्रदर्शित छवियों को सक्षम या अक्षम करें
  • थंबनेल के लिए एक कस्टम ऊंचाई सेट करें
  • थंबनेल स्थिति (ऊपर, बाएँ, दाएँ) चुनें
  • से चुनें २६ होवर एनीमेशन प्रभाव (लटका, पल्स, पुश, पॉप, फ्लोट, सिंक, और बहुत कुछ)
  • लागू करना 16 रंग प्रभाव (फ्लशिंग, सेपिया, ग्रेस्केल, ब्राइटनेस, आदि)
  • से चुनें ५ थंबनेल आकार (डिफ़ॉल्ट, गोलाकार, वृत्त, ग्रेडिएंट बॉर्डर, और बहुत कुछ)
मास्टर ऐडऑन में होवर एनीमेशन रंग प्रभाव और आकार विकल्प दिखाने वाली थंबनेल सेटिंग्स

ऊपर दिए गए स्क्रीनशॉट में, मेरे पास “Hang” होवर एनीमेशन, “Flushing” रंग प्रभाव, और “Gradient Bordered” थंबनेल आकार लागू है। इस तरह के छोटे विवरण एक सामान्य दिखने वाले ब्लॉग पेज को उस पेज से अलग करते हैं जो वास्तव में ऐसा दिखता है जैसे किसी ने आपका डिज़ाइन किया हो एलिमेंट ब्लॉग पेज जानबूझ कर।

चरण ५: पोस्ट मेटाडेटा कॉन्फ़िगर करें

के तहत पोस्ट सेटिंग्सआप नियंत्रित करते हैं कि प्रत्येक ब्लॉग पोस्ट के साथ मेटा जानकारी क्या दिखाई देती हैः

  • पोस्ट शीर्षक (दिखाएँ/छिपाएँ)
  • लेखक अवतार छवि
  • लेखक नाम
  • प्रकाशन दिनांक
  • श्रेणियाँ
  • टिप्पणी गिनती
  • अंश की लंबाई (सटीक शब्द गणना सेट करें)
  • अधिक पाठ पढ़ें (पूरी तरह से अनुकूलन योग्य)
  • पूर्ण सामग्री बनाम अंश दिखाएँ
मेटाडेटा और अंश नियंत्रण दिखाने वाले मास्टर ऐडऑन में सेटिंग पैनल पोस्ट करता है

चरण ६: उन्नत फ़िल्टरिंग का उपयोग करें

उन्नत सेटिंग्स पैनल वह जगह है जहां आप ठीक से संकीर्ण करते हैं कि कौन सी पोस्ट दिखाई देती हैंः

  • विशिष्ट पदों को बाहर करें st ब्लॉग पेज से आईडी द्वारा कुछ पोस्ट हटाएँ।
  • टैग द्वारा फ़िल्टर करें ste केवल कुछ टैग वाले पोस्ट दिखाएं।
  • लेखक द्वारा फ़िल्टर करें एक विशिष्ट लेखक से पोस्ट प्रदर्शित करें (बहु-लेखक ब्लॉग के लिए उपयोगी)।
  • ऑफसेट ऍस पहली एन पोस्ट छोड़ें जब आपने कोई पोस्ट अलग से चित्रित की हो तो आसान।
  • नए टैब में खोलें ^ ब्लॉग पोस्ट लिंक को नए ब्राउज़र टैब में खोलें।
मास्टर ऐडऑन ब्लॉग विजेट का उन्नत सेटिंग्स पैनल फ़िल्टरिंग और बहिष्करण विकल्प दिखा रहा है

चरण ७: ब्लॉग पोस्ट हिंडोला सक्षम करें

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

  • ऑटोप्ले आपके द्वारा निर्धारित गति पर पोस्ट स्वचालित रूप से स्क्रॉल होते हैं।
  • नेविगेशन शैली 2 बिंदु या तीर के बीच चयन करें।
  • तीर स्थिति ^ हिंडोला के अंदर या बाहर नेविगेशन तीर रखें।

विशिष्ट पोस्ट (जैसे “featured” या “editors pic” टैग) को फ़िल्टर करने के लिए हिंडोला को उन्नत सेटिंग्स के साथ मिलाएं और इसे केवल ब्लॉग पेज पर ही नहीं, बल्कि अपनी साइट पर कहीं भी रखें।

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

महत्वपूर्ण: सुनिश्चित करें कि आपने सक्षम किया है “लोड फ़ॉन्ट अद्भुत 4 समर्थन” से एलिमेंटर > सेटिंग्स। अन्यथा, हिंडोला में तीर चिह्न सही ढंग से प्रदर्शित नहीं होंगे।

एलिमेंटर सेटिंग्स पेज में फ़ॉन्ट विस्मयकारी ४ समर्थन टॉगल

चरण ८: अपने ब्लॉग पेज को स्टाइल करें

शैली टैब सभी दृश्य ट्वीक्स को शामिल करता हैः

  • थंबनेल es ओवरले रंग, सीएसएस फिल्टर (चमक, कंट्रास्ट, संतृप्ति)
  • शीर्षक एवं मेटा टाइपोग्राफी, टेक्स्ट रंग और होवर रंग
  • सामग्री पाठ का रंग, पृष्ठभूमि का रंग, टाइपोग्राफी, बॉक्स छाया, पैडिंग और सामग्री मार्जिन
  • बॉक्स पूरे पोस्ट कार्ड के लिए पृष्ठभूमि रंग, सीमा और बॉक्स छाया
  • पृष्ठांकन टाइपोग्राफी, सामान्य अवस्था का रंग, होवर अवस्था का रंग, बॉर्डर और पैडिंग
मास्टर ऐडऑन ब्लॉग शैली विकल्प थंबनेल शीर्षक सामग्री और पेजिनेशन स्टाइल दिखा रहा है

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

एलिमेंटर प्रो पोस्ट विजेट बनाम मास्टर एडॉन्स ब्लॉग विजेट

यहां सब कुछ एक साथ रखा गया है ताकि आप देख सकें कि कौन सा है एलिमेंट ब्लॉग विजेट आपकी स्थिति में फिट बैठता है।

फ़ीचरएलिमेंटर प्रो पोस्ट विजेटमास्टर ऐडऑन ब्लॉग विजेट (निःशुल्क)
कीमतएलिमेंटर प्रो ($59/वर्ष+) की आवश्यकता हैमुक्त
लेआउट विविधताएँ3 खालें (क्लासिक, कार्ड, पूर्ण सामग्री)21 विविधताएँ (7 शैलियाँ x 3 लेआउट प्रकार)
लेआउट प्रकारकेवल ग्रिडग्रिड, कार्ड और सूची
चिनाईहाँहाँ
थंबनेल होवर प्रभावकोई नहीं26 होवर एनिमेशन + 16 रंग प्रभाव
थंबनेल आकारकेवल सीमा त्रिज्या५ आकार (डिफ़ॉल्ट, गोलाकार, सर्कल, ग्रेडिएंट बॉर्डर, आदि)
मेटाडेटा विकल्पलेखक का नाम, दिनांक, समय, टिप्पणियाँलेखक अवतार, लेखक का नाम, दिनांक, श्रेणियाँ, टैग, टिप्पणी गणना
क्वेरी फ़िल्टरिंगपोस्ट प्रकार, शामिल करें/बहिष्कृत करेंपोस्ट प्रकार, टैग द्वारा फ़िल्टर, लेखक द्वारा फ़िल्टर, पोस्ट बहिष्करण, ऑफसेट
पृष्ठांकन3 प्रकार (संख्याएँ, पिछला/अगला, संयुक्त)संख्या + पिछला/अनुकूलन पाठ के साथ अगला
हिंडोलाउपलब्ध नहींऑटोप्ले, गति नियंत्रण, तीर या बिंदुओं के साथ पूर्ण हिंडोला
नए टैब में खोलेंनहींहाँ
पोस्ट प्रारूप चिह्ननहींहाँ

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

एक बेहतर एलिमेंटर ब्लॉग लेआउट के लिए युक्तियाँ

दर्जनों वर्डप्रेस साइटों के लिए ब्लॉग पेज बनाने से मैंने कुछ चीजें सीखी हैंः

१ हमेशा फीचर्ड इमेज का इस्तेमाल करें

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

२ अंश छोटा रखें

लंबे अंश ग्रिड को अव्यवस्थित करते हैं और फोल्ड के नीचे पोस्ट को धक्का देते हैं पाठकों को यह बताने के लिए १५-२५ शब्द पर्याप्त हैं कि पोस्ट क्या कवर करती है लक्ष्य उन्हें क्लिक करने के लिए प्राप्त करना है, ब्लॉग पेज से पूरी बात नहीं पढ़ें।

३ लगातार कॉलम गिनती का उपयोग करें

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

४ उचित शीर्षक टैग सेट करें

आपका ब्लॉग पेज शीर्षक एच १ होना चाहिए ब्लॉग ग्रिड के भीतर पोस्ट शीर्षक एच २ या एच ३ होना चाहिए यह खोज इंजन को आपके पृष्ठ संरचना को समझने में मदद करता है अधिक एसईओ युक्तियों के लिए, हमारे पढ़ें एलिमेंट के लिए सर्वश्रेष्ठ एसईओ अभ्यास गाइड।

५ मेटाडेटा में श्रेणियाँ जोड़ें

आपकी पोस्ट मेटाडेटा में श्रेणियां दिखाने से आगंतुकों को संबंधित सामग्री ढूंढने में मदद मिलती है मास्टर ऐडऑन ब्लॉग विजेट आपको प्रत्येक पोस्ट शीर्षक के ठीक नीचे श्रेणियां प्रदर्शित करने देता है।

६ मोबाइल पर टेस्ट

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

७ अपने मुखपृष्ठ पर एक हिंडोला का उपयोग करें

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

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

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

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

मैं अपने एलिमेंट वेबसाइट नेविगेशन में ब्लॉग पेज कैसे जोड़ूं?

वर्डप्रेस में एक नया पेज बनाएं (इसे “Blog” कहें), इसे पोस्ट विजेट या मास्टर ऐडऑन ब्लॉग विजेट का उपयोग करके एलिमेंटर के साथ डिज़ाइन करें, फिर उस पेज को अपीयरेंस > मेनू के माध्यम से अपने नेविगेशन मेनू में भी उपयोग कर सकते हैं मास्टर एडॉन्स थीम बिल्डर अपने नेविगेशन के साथ एक कस्टम हेडर बनाने के लिए।

मुझे प्रति पृष्ठ कितने ब्लॉग पोस्ट प्रदर्शित करने चाहिए?

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

क्या मैं अपने एलिमेंट ब्लॉग पेज पर किसी विशिष्ट श्रेणी से ब्लॉग पोस्ट दिखा सकता हूँ?

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

एसईओ के लिए सबसे अच्छा एलिमेंटर ब्लॉग लेआउट क्या है?

चित्रित छवियों के साथ एक ग्रिड लेआउट, एच २/एच ३ टैग, लघु अंश, श्रेणी मेटाडेटा, और उचित पृष्ठांकन का उपयोग करके पोस्ट शीर्षक एसईओ के लिए सबसे अच्छा है सुनिश्चित करें कि आपका ब्लॉग पेज छवियों को अनुकूलित करके और एक का उपयोग करके तेजी से लोड करता है लाइटवेट एलिमेंटर थीम.

अंतिम विचार

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

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

यह एलिमेंटर के मुफ़्त संस्करण के साथ भी काम करता है। मास्टर ऐडऑन डाउनलोड करें और इसका परीक्षण करें।

सेटअप के दौरान कुछ सही काम नहीं कर रहा है, तो हमें एक संदेश छोड़ें और हम इसे सुलझा लेंगे।

संबंधित पढ़नाः

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

40% सब कुछ बंद

प्रत्येक मास्टर एडॉन्स प्रो योजना, वार्षिक और जीवनकाल एक कोड, आठ दिन।

00दिनों
00घंटे
00मिन
00सेकंड

सोमवार 14 सितंबर, 23:59 ईटी को समाप्त होता है

  • व्यक्तिगत1 साइट $129$77
  • व्यापार5 साइटें $199$119
  • डेवलपरअसीमित साइटेंएजेंसियों के लिए सर्वश्रेष्ठ $599$359

एक बार भुगतान करें कोई नवीनीकरण नहीं, कभी भी।

कूपन कोड MALIFE40
अब ४०% की छूट प्राप्त करें
  • 30,000+ सक्रिय इंस्टाल
  • 212 समीक्षाओं में से 4.5/5
  • 14 दिन का पैसा वापस