Wix Editor: अपनी साइट का हेडर कस्टमाइज़ करना
आपका हेडर पेज के सबसे ऊपर वाला सेक्शन है, जिसमें आपका मेन्यू और लोगो दिखता है। विज़िटर्स को आपकी साइट का पहला इम्प्रेशन हेडर से मिलता है, इसलिए हम इसे आपके ब्रैंड और पसंदीदा लुक के मुताबिक कस्टमाइज़ करने का सुझाव देते हैं।
अपने हेडर के लिए डिज़ाइन और स्क्रॉल इफ़ेक्ट चुनें। इसे खास दिखाने के लिए इसका साइज़ और बॉर्डर भी सेट करें।
आपके हेडर के अंदर मौजूद एलिमेंट उन सभी पेजों पर अपने-आप दिखते हैं, जिन पर आपका हेडर दिखाई देता है।
अपने हेडर का डिज़ाइन बदलना
आप अपनी साइट के मुताबिक हेडर का डिज़ाइन बदल सकते हैं। अलग-अलग प्रीसेट में से कोई डिज़ाइन चुनें और कलर, स्पेसिंग और कॉर्नर जैसी सेटिंग्स कस्टमाइज़ करें।
आप अपने हेडर को 2 अलग-अलग स्टेट—रेग्युलर और स्क्रॉल—के लिए डिज़ाइन कर सकते हैं। स्क्रॉल स्टेट में, विज़िटर्स के पेज पर नीचे स्क्रॉल करने के बाद हेडर अलग दिख सकता है। उदाहरण के लिए, हेडर का कलर बदलें या उसे खास दिखाने के लिए बॉर्डर जोड़ें।
अपने हेडर का डिज़ाइन बदलने के लिए:
- अपने एडिटर पर जाएं।
- हेडर पर क्लिक करें।
- चेंज हेडर डिज़ाइन पर क्लिक करें।
- रेग्युलर या स्क्रॉल स्टेट पर क्लिक करें।
- हेडर डिज़ाइन कस्टमाइज़ करने के लिए इन ऑप्शन का इस्तेमाल करें:
- फिल कलर और ओपेसिटी: अपने हेडर के लिए बैकग्राउंड कलर चुनें और उसकी ओपेसिटी एडजस्ट करें।
- बॉर्डर: अपने हेडर को खास दिखाने के लिए, स्लाइडर ड्रैग करके उसके ऊपर और नीचे बॉर्डर जोड़ें। इसके बाद, बॉर्डर की ओपेसिटी और कलर एडजस्ट करें।
- कॉर्नर: अपने बॉर्डर के कॉर्नर को ज़्यादा गोल या चौकोर बनाएं।
- शैडो: अपने हेडर को शानदार 3D इफ़ेक्ट देने के लिए शैडो जोड़ें और डिज़ाइन करें।
हेडर के बैकग्राउंड के तौर पर इमेज सेट करना
अपनी साइट को और पर्सनलाइज़ करने के लिए, आप उसके हेडर के बैकग्राउंड में इमेज सेट कर सकते हैं। इमेज को हेडर पर ड्रैग करके अटैच करें। फिर, ड्रैग हैंडल का इस्तेमाल करके इमेज को पूरे हेडर में फैलाएं। इसके बाद, इमेज को पीछे मूव करें, ताकि वह हेडर के एलिमेंट को न छिपाए।
हेडर के अंदर सही तरह से फ़िट और अटैच होने के लिए, इमेज का साइज़ हेडर से छोटा होना चाहिए। हमारा सुझाव है कि आप ऐसी इमेज इस्तेमाल करें जिसका रेज़ोल्यूशन और साइज़ आपके हेडर के साइज़ के मुताबिक हो, जैसे बैनर इमेज।
अपने हेडर के बैकग्राउंड में इमेज इस्तेमाल करने के लिए:
- अपने एडिटर पर जाएं।
- नई इमेज जोड़ें या अपने पेज पर मौजूद कोई इमेज चुनें।
- इमेज को हेडर पर ड्रैग करें और अटैच टू हेडर मैसेज दिखाई देने पर उसे ड्रॉप करें।
- इमेज के चारों ओर मौजूद साइड हैंडल को ड्रैग करके उसे पूरे हेडर पर स्ट्रेच करें।
- इमेज को पीछे मूव करें:
- इमेज पर राइट-क्लिक करें।
- अरेंज पर होवर करें और मूव बैकवर्ड पर क्लिक करें।
टिप:
हेडर इमेज को कभी भी बदलने के लिए,
क्विक एडिट पैनल में मौजूदा इमेज के आगे
चेंज पर क्लिक करें।
हेडर बैकग्राउंड को ट्रांसपेरेंट बनाना
हेडर को ट्रांसपेरेंट सेट करने से आप एक मॉडर्न और स्लीक डिजाइन बना सकते हैं, जो आपकी साइट के बैकग्राउंड के साथ आसानी से ब्लेंड हो जाता है।
हेडर बैकग्राउंड को ट्रांसपेरेंट बनाने के लिए:
- अपने एडिटर पर जाएं।
- हेडर पर क्लिक करें।
- चेंज हेडर डिजाइन पर क्लिक करें।
- रेगुलर या स्क्रॉल स्टेट पर क्लिक करें।
- फिल कलर और ओपेसिटी पर क्लिक करें।
- बैकग्राउंड ओपेसिटी को 0% पर सेट करें।
अपने हेडर का साइज बदलना
आप अपने हेडर का साइज अपनी जरूरत के हिसाब से बड़ा या छोटा कर सकते हैं।
अगर आपके हेडर में साइट टाइटल, साइट मेन्यू और लोगो जैसे कई एलिमेंट हैं, तो बड़ा हेडर उपयोगी होता है। छोटे हेडर मिनिमल साइट्स के लिए या तब बेहतर होते हैं, जब आपके ज्यादातर एलिमेंट पेज पर मौजूद हों।
अपने हेडर का साइज बदलने के लिए:
- अपने एडिटर पर जाएं।
- हेडर पर क्लिक करें।
- हेडर को लंबा या छोटा करने के लिए, उसके नीचे मौजूद स्ट्रेच हैंडल को ड्रैग करें।
अपने हेडर में स्क्रोल इफेक्ट जोड़ना
अपने हेडर में शानदार स्क्रोल इफेक्ट जोड़कर तय करें कि विजिटर्स के ऊपर-नीचे स्क्रोल करने पर वह कैसे दिखाई दे। उदाहरण के लिए, विजिटर्स के स्क्रोल करने पर हेडर को सबसे ऊपर रखें या उसे धीरे-धीरे गायब होने दें।
अपने हेडर के लिए स्क्रोल इफेक्ट चुनने के लिए
- अपने एडिटर पर जाएं।
- हेडर पर क्लिक करें।
- सेटिंग्स
आइकन पर क्लिक करें। - कोई स्क्रोल इफेक्ट चुनें:
- स्क्रोल्स विद साइट: कोई स्क्रोल इफेक्ट लागू नहीं होता। विजिटर्स के पेज पर नीचे स्क्रोल करने पर हेडर भी स्क्रोल होकर स्क्रीन से हट जाता है, यानी वह पेज के सबसे ऊपर रह जाता है।
- फ्रीजेस: विजिटर्स के ऊपर-नीचे स्क्रोल करने पर आपका हेडर पेज के सबसे ऊपर बना रहता है। इससे वे आपकी साइट के मेन्यू को आसानी से एक्सेस कर सकते हैं।
टिप: यह इफेक्ट चुनते समय हेडर को छोटा रखने की सलाह दी जाती है, ताकि स्क्रोल करने पर वह किसी कंटेंट को कवर न करे। - डिसअपीयर्स: विजिटर्स के आपकी साइट पर स्क्रोल करने पर हेडर धीरे-धीरे गायब हो जाता है। हेडर को फिर से देखने के लिए, उन्हें ऊपर की ओर स्क्रोल करना होगा।
- फेड्स आउट: विजिटर्स के साइट पर स्क्रोल करने पर हेडर धीरे-धीरे फेड आउट हो जाता है और उनके वापस ऊपर की ओर स्क्रोल करने पर फिर दिखाई देता है।
FAQs
ज़्यादा जानकारी के लिए नीचे दिए गए किसी सवाल पर क्लिक करें।
मैंने अपने हेडर का बैकग्राउंड ट्रांसपेरेंट सेट किया है। इसे नीचे वाली स्ट्रिप के साथ कैसे ब्लेंड किया जा सकता है?
क्या मेरी मोबाइल साइट का स्क्रोल इफेक्ट डेस्कटॉप साइट से अलग हो सकता है?
मैं अपने हेडर के अंदर मौजूद एलिमेंट्स को सिलेक्ट क्यों नहीं कर पा रहा हूं?