हीरो एक बड़ा बैनर है जिसमें आपके टेक्स्ट और बटन के पीछे एक इमेज या वीडियो होता है। यह आपके होम पेज पर होता है और अक्सर ग्राहक सबसे पहले इसे ही देखते हैं।
हीरो जोड़ें
- बिल्डर खोलें और पेज टैब में होम पेज चुनें।
- सेक्शन टैब में नया सेक्शन जोड़ें पर क्लिक करें और कंटेंट ग्रुप से हीरो चुनें।
- अपना मीडिया चुनें, अपना टेक्स्ट लिखें, और पब्लिश करें पर क्लिक करें।
हीरो सिर्फ़ होम पेज पर मिलता है, और हर पेज पर एक जोड़ा जा सकता है। इसे हिलाने, कॉपी करने या छिपाने के लिए देखें सेक्शन और ब्लॉक
मीडिया और ऊँचाई
- मोड: एकल एक इमेज या वीडियो दिखाता है। स्प्लिट दो दिखाता है, जो मीडिया 1 और मीडिया 2 में सेट होते हैं। जब कंटेंट की दिशा वर्टिकल होती है तो वे साथ-साथ होते हैं, और हॉरिज़ॉन्टल होने पर एक के ऊपर एक। फ़ोन पर दोनों हमेशा एक के नीचे एक होते हैं।
- मीडिया 1 और मीडिया 2: आपकी मीडिया लाइब्रेरी से एक इमेज या वीडियो। वीडियो बिना आवाज़ के, बार-बार, चलते हुए बैकग्राउंड की तरह चलता है।
- ऊँचाई: छोटा, मीडियम, बड़ा, फ़ुलस्क्रीन (पूरी स्क्रीन भरता है), इमेज (आपकी पहली इमेज के आकार के हिसाब से, ताकि कुछ न कटे), या कस्टम। कस्टम के साथ, कस्टम ऊँचाई स्क्रीन की ऊँचाई के हिस्से के रूप में ऊँचाई सेट करती है। नए हीरो इमेज पर शुरू होते हैं।
ऊपर टेक्स्ट और बटन
मीडिया के ऊपर कंटेंट जोड़ने के लिए हीरो चुनें और नया ब्लॉक जोड़ें पर क्लिक करें: 2 तक टेक्स्ट, 2 बटन, 2 ग्रुप और 2 डिवाइडर ब्लॉक। उनकी अपनी सेटिंग्स ग्रुप, टेक्स्ट, बटन और डिवाइडर ब्लॉक: लेआउट कंपोनेंट की सेटिंग्स कैसे काम करती हैं? में हैं।
लेआउट में आप यह कंटेंट रखते हैं:
- दिशा: वर्टिकल ब्लॉक को एक के नीचे एक रखता है, हॉरिज़ॉन्टल उन्हें साथ-साथ रखता है। हॉरिज़ॉन्टल के साथ, मोबाइल पर एक के नीचे एक रखें फ़ोन पर उन्हें एक के नीचे एक कर देता है।
- पोज़िशन और अलाइनमेंट: कंटेंट को ऊपर या नीचे और बाएँ या दाएँ ले जाएँ, जैसे नीचे बाएँ या बीच में। बीच में बराबर जगह ब्लॉक को दूर-दूर फैला देता है।
- कंटेंट की चौड़ाई: पेज कंटेंट को आपके पेज की चौड़ाई के अंदर रखता है, पूरा उसे स्क्रीन के किनारों तक जाने देता है। मीडिया हमेशा पूरी चौड़ाई भरता है।
गैप (स्पेसिंग में) ब्लॉक के बीच की जगह सेट करता है, और पैडिंग उनके चारों ओर की जगह।
रंग और ओवरले
- कलर स्कीम: हीरो के टेक्स्ट और बटन के रंग। देखें कलर स्कीम।
- मीडिया ओवरले: मीडिया के ऊपर रंग की एक परत जोड़ता है ताकि आपका टेक्स्ट आसानी से पढ़ा जा सके। फिर ओवरले का रंग और ओवरले की स्टाइल सेट करें: सॉलिड मीडिया को एक जैसा ढकता है, ग्रेडिएंट रंग को धीरे-धीरे हल्का करता है। ग्रेडिएंट की दिशा (ऊपर या नीचे) तय करती है कि यह किस तरफ़ हल्का होता है।
कस्टम CSS टैब से आप सिर्फ़ इसी हीरो में अपना CSS जोड़ सकते हैं।
आम काम
- हीरो के ऊपर हेडर: हेडर की सेटिंग्स में पारदर्शी हेडर चालू करें। यह सिर्फ़ तब काम करता है जब हीरो हेडर के ठीक नीचे हो। देखें हेडर की सेटिंग्स।
- बीच में टाइटल और बटन: दिशा वर्टिकल, फिर पोज़िशन और अलाइनमेंट बीच में।
- चमकीली फ़ोटो पर सफ़ेद टेक्स्ट: गहरे ओवरले रंग और ग्रेडिएंट स्टाइल के साथ मीडिया ओवरले चालू करें।
ध्यान रखने वाली बातें
- अगर हीरो वीडियो नहीं चलता, तो ऑटोमेशन सेटिंग्स टैब में वीडियो अपने आप चलाएँ जाँचें। जब यह बंद होता है, बैकग्राउंड वीडियो रुके रहते हैं। देखें ऑटोमेशन सेटिंग्स।
- अगर आपकी पहली इमेज का साइज़ पता नहीं है, तो इमेज वाली ऊँचाई की जगह मीडियम इस्तेमाल होता है।
- किसी दूसरे पेज पर बैनर चाहिए? हीरो सिर्फ़ होम पेज के लिए है, लेकिन इमेज सेक्शन किसी भी पेज पर काम करता है। देखें टेक्स्ट, इमेज और डिवाइडर सेक्शन।