एस्ट्रा प्रो: एक शानदार हेडर कॉन्फ़िगर करें

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

एक शानदार हेडर आपके ब्लॉग/वेबसाइट को कैसे लाभ पहुंचा सकता है?

आकर्षक हेडर आपकी सेवा कर सकते हैं

1- अपने पेज को स्कैन करने योग्य बनाना

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

2- SEO रैंकिंग बढ़ाना

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

3- वॉयस सर्च में नेविगेट करना

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

यहां एक चरण-दर-चरण मार्गदर्शिका दी गई है कि आप एस्ट्रा प्रो थीम के साथ एक शानदार हेडर को कैसे कॉन्फ़िगर कर सकते हैं। कुछ ही समय में अपनी पसंद का हेडर बनाने के लिए प्रक्रिया का पालन करें

एस्ट्रा प्रो के साथ हेडर कैसे कॉन्फ़िगर करें?

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

एस्ट्रा प्रो कैसे स्थापित करें?

अपने वर्डप्रेस पर एस्ट्रा प्रो का plugin इंस्टॉल करने के लिए नीचे बताए गए सरल चरणों का पालन करें

एस्ट्रा थीम स्थापित करें

  • ब्रेनस्टॉर्म फोर्स के स्टोर में लॉग इन करें
  • अकाउंट्स पर जाएँ और फिर डाउनलोड्स (अकाउंट्स > डाउनलोड्स) पर क्लिक करें।
  • कंप्यूटर पर ज़िप फ़ाइल इंस्टॉल करने के लिए एस्ट्रा प्रो Plugin का विकल्प चुनें
  • वर्डप्रेस वेबसाइट पर ज़िप फ़ाइल इंस्टॉल करें और एस्ट्रा प्रो plugin सक्रिय करें
  • ऐडऑन एस्ट्रा प्रो लाइसेंस जोड़ें

पेज हेडर मॉड्यूल के साथ पेज हेडर को कॉन्फ़िगर करना

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

स्टेप 1

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

वर्डप्रेस डैशबोर्ड > उपस्थिति > एस्ट्रा विकल्प

चरण दो

पेज हेडर बनाने के लिए, इस तरह एस्ट्रा विकल्पों में "पेज हेडर" क्षेत्र पर जाएँ

 उपस्थिति > एस्ट्रा विकल्प > पेज हेडर

चरण 3

पेज हेडर मॉड्यूल को सक्रिय करने के बाद, डिजाइनिंग शुरू करने के लिए सेटिंग्स के विकल्प पर जाएं

चरण 4

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

एस्ट्रा प्रो में पेज हेडर के लिए अनुकूलन विकल्प

एस्ट्रा प्रो पेज हेडर डिजाइन करने के लिए निम्नलिखित डोमेन में अनुकूलन विकल्प प्रदान करता है

लेआउट

यदि आप किसी पेज बिल्डर के साथ हेडर बना रहे हैं, तो आप अपना पेज हेडर बना सकते हैं

स्टिक: यह तय करता है कि आपका हेडर चिपचिपा हो जाएगा या नहीं

स्टिक ऑन: यह आपके हेडर को मोबाइल/डेस्कटॉप पर चिपका देगा

सिकोड़ें: यदि आप अपना हेडर पृष्ठ के शीर्ष छोर पर चिपकाते हैं, तो यह विकल्प तय करेगा कि यह सिकुड़ेगा या नहीं। श्रिंक प्रभाव हेडर के निचले और ऊपरी स्थान को हटा देता है

आप पृष्ठ के शीर्षक को निम्नलिखित लेआउट विकल्पों के साथ भी व्यवस्थित कर सकते हैं

केंद्र संरेखित: यह पृष्ठ शीर्षक और ब्रेडक्रंब (यदि सक्रिय हो) को पृष्ठ केंद्र में एक दूसरे के ऊपर रखेगा।

इस विकल्प का सामने का दृश्य इस तरह दिख सकता है

इनलाइन: यह पृष्ठ का शीर्षक और ब्रेडक्रंब (यदि सक्रिय हो) को दाईं और बाईं ओर बनाएगा

इस विकल्प का सामने का दृश्य इस तरह दिख सकता है

ब्रेडक्रम्ब्स प्रदर्शित करें

आप इस विकल्प के साथ या तो अपनी वेबसाइट पर ब्रेडक्रंब प्रदर्शित करना चुन सकते हैं या नहीं। ब्रेडक्रंब साइट के वर्तमान उपयोगकर्ता स्थान का प्रतिनिधित्व करते हैं और उपयोगकर्ताओं को लिंक पदानुक्रम में ऊपर से नीचे तक नेविगेट करने में मदद करते हैं

यह आपके सामने वाले हिस्से पर इस तरह दिखाई देगा

ब्रेडक्रम्ब्स का रंग और शीर्षक

आप अपनी वेबसाइट पर ब्रेडक्रंब के लिए टेक्स्ट चुन सकते हैं और दिखाए गए अनुसार उसके लिए रंग भी चुन सकते हैं

यह आपके सामने वाले हिस्से पर इस तरह दिखाई देगा

पृष्ठभूमि का आकार

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

पूर्ण आकार: यह विकल्प आपके पेज हेडर को पूर्ण स्क्रीन पर ले जाने की अनुमति देगा

यह आपके फ्रंट एंड शाफ्ट पर दिखाई देगा

कस्टम आकार: कस्टम आकार आपको अपने पेज हेडर को सकारात्मक संख्या में कोई भी आकार देने देगा। आप किसी भी इकाई के साथ-साथ हेडर के निचले और ऊपरी पैडिंग को भी परिभाषित कर सकते हैं। डिफ़ॉल्ट इकाई "%" के साथ-साथ अन्य विकल्प जैसे "6px" है

यह आपके सामने वाले हिस्से पर इस तरह दिखाई देगा

हेडर की पृष्ठभूमि

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

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

छवि: रंग की तरह, आप अपने पेज हेडर की पृष्ठभूमि पर जाने के लिए एक छवि का चयन कर सकते हैं

ओवरराइड: एस्ट्रा प्रो आपको ओवरराइड विकल्प को सक्रिय करके हेडर की पृष्ठभूमि छवि को फ़ीचर्ड ब्लॉग/पोस्ट/पेज छवि के साथ ओवरराइड करने का विकल्प भी देता है।

ओवरले रंग: आपने अपने हेडर के लिए जो पृष्ठभूमि रंग चुना है वह इस विकल्प के साथ पृष्ठभूमि छवि को ओवरले करेगा

यह आपके फ्रंट एंड शाफ्ट पर दिखाई देगा

लंबन प्रभाव

एस्ट्रा प्रो लंबन प्रभाव का विकल्प प्रदान करता है जहां पृष्ठभूमि में छवि स्क्रॉलिंग के दौरान अग्रभूमि में सामग्री की तुलना में एक अलग गति में चलेगी 

डिस्प्लेऑन

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

पेज हेडर के लिए एस्ट्रा प्रो बनाम एस्ट्रा फ्री थीम

पेज हेडर डिज़ाइन करते समय एस्ट्रा प्रो एडऑन plugin के साथ जाना चाहिए यहां, हम शानदार हेडर डिजाइन करने और बनाने के लिए उपलब्ध सुविधाओं की शर्तों के बीच तुलना प्रस्तुत करते हैं

विशेषताएँएस्ट्रा फ्री थीमएस्ट्रा प्रो ऐडऑन
पारदर्शी शीर्षलेख✔️✔️
ब्रेडक्रम्ब✔️✔️
स्टिक हैडर✔️
मोबाइल हेडर✔️
पेज हेडर✔️
टाइपोग्राफी और रंग✔️
प्राथमिक शीर्षलेख✔️

अंतिम शब्द

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

अहमद

हाल के पोस्ट

एलीमेंटर के साथ हेडर और फ़ूटर का उपयोग कैसे करें

किसी वेबसाइट के शीर्षलेख और पादलेख आवश्यक तत्व हैं। अधिकांश मामलों में, हेडर नेविगेशन प्रदान करता है…

6 जनवरी 2022

वर्डप्रेस थीम तुलना: एस्ट्रा बनाम ओशनडब्ल्यूपी

बाज़ार में दो सबसे लोकप्रिय वर्डप्रेस थीम एस्ट्रा और ओसियनडब्ल्यूपी हैं। पेशेवर…

2 जनवरी 2022

वर्डप्रेस समाचार थीम तुलना: समाचार पत्र बनाम। एस्ट्रा

एक उत्कृष्ट समाचार वेबसाइट बनाने के लिए आपको वेब डिज़ाइनर बनने की आवश्यकता नहीं है। हम…

25 अक्टूबर 2021

समाचार पत्र थीम के साथ समाचार-संबंधित वेबसाइट बनाएं

न्यूज़पेपर थीम tagDiv द्वारा डिज़ाइन की गई सबसे महत्वपूर्ण वर्डप्रेस थीम में से एक है, जो…

18 अक्टूबर 2021

Avada WooCommerce बिल्डर के साथ ईकॉमर्स कैसे बनाएं

जब ऑनलाइन स्टोर स्थापित करने की बात आती है, तो WooCommerce एक पसंदीदा plugin है। यह…

4 अक्टूबर 2021

एलीमेंटर के साथ स्टिकी हेडर और स्क्रॉलिंग प्रभावों का उपयोग कैसे करें

जब कोई व्यक्ति आपकी वेबसाइट पर जाता है तो आम तौर पर वह पहली चीज़ हेडर देखता है,…

21 सितंबर 2021