अद्यतन - 23 सितंबर, 2026

हर प्रकार की वेबसाइट के लिए एलिमेंटर हेडर टेम्प्लेट

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

5 में से 4.5 रेटिंग दी गई 212 WordPress.org समीक्षक, 30,000+ साइटों पर सक्रिय

सास और टेक एलिमेंटर हेडर टेम्पलेट्स

सास और टेक किट से हेडर अधिकांश एक पैटर्न का पालन करते हैं: बाईं ओर लोगो, चार या पांच लिंक, और दाईं ओर एक परीक्षण या डेमो बटन फिनिक्स, क्लाउडिफाई और टेकबाइट अंधेरे सलाखों का उपयोग करते हैं, और लीड लिफ्ट एक क्रीम पर बैठता है।

शिफ्टफ्लो हेडर टेम्पलेट, पूरा पृष्ठ

शिफ्टफ्लो हेडर

मुक्त
टेकबाइट हेडर टेम्पलेट, पूरा पृष्ठ

टेकबाइट हैडर

मुक्त
टेकपार्ट हेडर टेम्पलेट, पूरा पृष्ठ

टेकपार्ट हेडर

मुक्त
क्लाउडिफाई हेडर टेम्पलेट, पूरा पृष्ठ

क्लाउडिफाई हेडर

प्रो
क्राफ्टोवा हेडर टेम्पलेट, पूरा पृष्ठ

क्राफ्टोवा हेडर

प्रो
फिनिक्स हेडर टेम्पलेट, पूरा पृष्ठ

फिनिक्स हेडर

प्रो
पकड़ हेडर टेम्पलेट, पूरा पृष्ठ

पकड़ हेडर

प्रो
क्लाइरो हेडर टेम्पलेट, पूरा पृष्ठ

क्लाइरो हेडर

प्रो
लीड लिफ्ट हेडर टेम्पलेट, पूरा पृष्ठ

लीड लिफ्ट हेडर

प्रो
नेक्सिस हेडर टेम्पलेट, पूरा पृष्ठ

नेक्सिस हैडर

प्रो
ऑप्टिव्यू हेडर टेम्पलेट, पूरा पृष्ठ

ऑप्टिव्यू हेडर

प्रो
सब्रियन हेडर टेम्पलेट, पूरा पृष्ठ

सब्रियन हेडर

प्रो
सेमप्ला हेडर टेम्पलेट, पूरा पृष्ठ

सेमप्ला हेडर

प्रो
जैप्लाइट हेडर टेम्पलेट, पूरा पृष्ठ

जैप्लाइट हेडर

प्रो

व्यापार और स्थानीय सेवा हेडर टेम्पलेट्स

सफाई कंपनियों, दंत चिकित्सकों, प्लंबर, थेरेपी क्लीनिक, एक रेस्तरां और एक रियल एस्टेट एजेंसी के लिए हेडर अधिकांश एक फोन नंबर या सामाजिक लिंक के साथ एक शीर्ष बार जोड़ते हैं, और मुख्य बटन एक नियुक्ति, एक कॉल या एक टेबल बुक करता है।

होमएक्सिस हेडर टेम्पलेट, पूरा पृष्ठ

होमएक्सिस हेडर

मुक्त
Balanciq हेडर टेम्पलेट, पूरा पृष्ठ

बालानिक हेडर

प्रो
क्लीनर हेडर टेम्पलेट, पूरा पृष्ठ

क्लीनर हैडर

प्रो
क्लीनरी हेडर टेम्पलेट, पूरा पृष्ठ

क्लीनरी हैडर

प्रो
पाक हेडर टेम्पलेट, पूरा पृष्ठ

पाक हेडर

प्रो
डेंटल हेडर टेम्पलेट, पूरा पृष्ठ

डेंटल हेडर

प्रो
प्लंबिक हेडर टेम्पलेट, पूरा पृष्ठ

प्लंबिक हेडर

प्रो

ईकॉमर्स और शॉप हेडर टेम्प्लेट

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

खोज टेम्पलेट के साथ ब्लू स्टोर हेडर, पूरा पृष्ठ

खोज के साथ ब्लू स्टोर हेडर

मुक्त
केंद्रित लोगो शॉप हेडर टेम्पलेट, पूरा पृष्ठ

केंद्रित लोगो शॉप हेडर

मुक्त
डार्क टॉप बार शॉप हेडर टेम्पलेट, पूरा पृष्ठ

डार्क टॉप बार शॉप हेडर

मुक्त
प्रोमो बैनर स्टोर हेडर टेम्पलेट, पूरा पृष्ठ

प्रोमो बैनर स्टोर हेडर

मुक्त
बार स्टोर हेडर टेम्पलेट खोजें, पूरा पृष्ठ

खोज बार स्टोर हेडर

मुक्त
सार्टिवो हेडर टेम्पलेट, पूरा पृष्ठ

सार्टिवो हेडर

प्रो

शीर्ष बार और मल्टी-पंक्ति हेडर टेम्पलेट

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

पता बार हेडर टेम्पलेट, पूरा पृष्ठ

पता बार हैडर

मुक्त
एंगल्ड मेनू हेडर टेम्पलेट, पूरा पृष्ठ

एंगल्ड मेनू हेडर

मुक्त
खोज टेम्पलेट, पूर्ण पृष्ठ के साथ संपर्क जानकारी हेडर

खोज के साथ सूचना हेडर से संपर्क करें

मुक्त
क्रिएटिव एजेंसी हेडर टेम्पलेट, पूरा पृष्ठ

क्रिएटिव एजेंसी हेडर

मुक्त
फ़्लोटिंग मेनू हेडर टेम्पलेट, पूरा पृष्ठ

फ़्लोटिंग मेनू हैडर

मुक्त
प्रारंभ करें संपर्क बार हेडर टेम्पलेट, पूरा पृष्ठ

आरंभ करें संपर्क बार हेडर

मुक्त
मेडिकल क्लिनिक हेडर टेम्पलेट, पूरा पृष्ठ

मेडिकल क्लिनिक हैडर

मुक्त
तीन-पंक्ति केंद्रित हेडर टेम्पलेट, पूरा पृष्ठ

तीन-पंक्ति केंद्रित हेडर

मुक्त
विज़िट, कॉल और मेल हेडर टेम्पलेट, पूरा पृष्ठ

विज़िट, कॉल और मेल हेडर

मुक्त

न्यूनतम, केंद्रित और मेनू-बटन हेडर

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

केंद्रित लोगो स्टैक्ड हेडर टेम्पलेट, पूरा पृष्ठ

केंद्रित लोगो स्टैक्ड हेडर

मुक्त
फायर अवे स्प्लिट हेडर टेम्पलेट, पूरा पृष्ठ

फायर अवे स्प्लिट हेडर

मुक्त
मेनू बटन हेडर टेम्पलेट, पूरा पृष्ठ

मेनू बटन हैडर

मुक्त
सामाजिक प्रतीक टेम्पलेट के साथ न्यूनतम हेडर, पूरा पृष्ठ

सामाजिक प्रतीक के साथ न्यूनतम हेडर

मुक्त
बैंगनी कोण सीटीए हेडर टेम्पलेट, पूरा पृष्ठ

बैंगनी कोण सीटीए हैडर

मुक्त
साइन इन हेडर टेम्पलेट, पूरा पृष्ठ

साइन इन हेडर

मुक्त
सरल ड्रॉपडाउन हेडर टेम्पलेट, पूरा पृष्ठ

सरल ड्रॉपडाउन हेडर

मुक्त

एलिमेंटर हेडर टेम्पलेट क्या है?

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

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

हेडर टेम्पलेट में आमतौर पर क्या शामिल होता है

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

अपनी साइट पर हेडर टेम्पलेट कैसे जोड़ें

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

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

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

कौन सा हेडर लेआउट आपकी साइट पर फिट बैठता है?

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

वेबसाइट हेडर उदाहरण: अच्छे लोग क्या साझा करते हैं

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

स्टिकी हेडर

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

प्रो हेडर टेम्पलेट्स

PRO चिह्नित कार्ड के लिए मास्टर एडॉन्स प्रो लाइसेंस की आवश्यकता होती है। 43 हेडर में से 18 प्रो हैं, जिनमें क्लीनरी, फिनिक्स, नेक्सिस और सार्टिवो जैसी नई किटों के हेडर शामिल हैं। वही लाइसेंस उन हेडर से आने वाले पूर्ण पृष्ठ टेम्पलेट्स को अनलॉक करता है टेम्पलेट किट पेज।

एक हेडर चुनें, इसे एक बार सेट करें

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

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

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

मास्टर ऐडऑन > थीम बिल्डर में एक हेडर टेम्पलेट बनाएं, इसे एलिमेंटर में खोलें, मास्टर ऐडऑन टेम्पलेट लाइब्रेरी के हेडर टैब से एक डिज़ाइन डालें, फिर शामिल करें > संपूर्ण साइट और सहेजें के लिए शर्त सेट करें।

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

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

हाँ। एक दूसरा हेडर टेम्प्लेट बनाएं और उस पेज के लिए > सिंगुलर > पेज शामिल करने के लिए उसकी स्थिति निर्धारित करें, फिर पेज को अपने मुख्य हेडर से बाहर कर दें।

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

मास्टर ऐडऑन टेम्पलेट लाइब्रेरी के हेडर टैब में 43 डिज़ाइन हैं, जो सभी इस पृष्ठ पर दिखाए गए हैं।