फ्री एलिमेंटर ग्रेडिएंट टेक्स्ट विजेट
एलिमेंट का हेडिंग विजेट केवल एक ठोस टेक्स्ट रंग लेता है, इसलिए ग्रेडिएंट टेक्स्ट का मतलब आमतौर पर सीएसएस लिखना होता है background-clip: textमुफ्त मास्टर एडॉन्स प्लगइन में ग्रेडियेंट हेडलाइन विजेट पैनल से करता है हेडिंग टाइप करें, दो रंग चुनें, एक रैखिक या रेडियल ग्रेडिएंट चुनें, और अक्षर इसके साथ भरें आपको एक अलग होवर ग्रेडिएंट, १३ ब्लेंड मोड, एक टेक्स्ट शैडो, एक लिंक और हेडिंग टैग का विकल्प भी मिलता है यह हीरो टाइटल, सेक्शन हेडिंग और सेल बैनर के अनुरूप है।
एलिमेंट में ग्रेडिएंट टेक्स्ट कैसे जोड़ें
आपको एलिमेंट और मुफ्त मास्टर एडॉन्स प्लगइन की आवश्यकता है कोई कस्टम सीएसएस और कोई एलिमेंट प्रो नहीं।
- स्थापित करें और सक्रिय करें वर्डप्रेस.ओआरजी से मास्टर ऐडऑन.
- एलिमेंटर के साथ अपना पेज संपादित करें, विजेट पैनल खोजें ग्रेडिएंट हेडलाइन और इसे अंदर खींचें।
- में अपना टेक्स्ट टाइप करें शीर्षक, फिर शीर्षक HTML टैग और संरेखण सेट करें।
- स्टाइल, ग्रेडिएंट स्टाइल में, पहला रंग और दूसरा रंग चुनें और उनके स्थान स्लाइडर को समायोजित करें।
- रैखिक चुनें और कोण, या रेडियल सेट करें और स्थिति सेट करें।
- टाइपोग्राफी सेट करें, अपनी पृष्ठभूमि पर एक ब्लेंड मोड आज़माएँ, और यदि आप चाहें तो होवर ग्रेडिएंट जोड़ें।
प्रत्येक चरण के स्क्रीनशॉट में हैं ग्रेडिएंट टेक्स्ट गाइड.
दो रंग रैखिक या रेडियल ग्रेडियेंट
शैली में, ग्रेडिएंट स्टाइल, सेट पाठ रंग ग्रेडियेंट के लिए (या सादे रंग के लिए क्लासिक)। पहला चुनें रंग और द दूसरा रंग, और प्रत्येक को स्थानांतरित करें स्थान स्लाइडर तय करने के लिए जहां एक दूसरे में मिश्रण। प्रकार रैखिक के बीच स्विच, एक के साथ कोण (डिफ़ॉल्ट रूप से 180 डिग्री ऊपर से नीचे तक चलती है), और रेडियल, ए के साथ स्थिति जैसे कि केंद्र केंद्र एक ढाल के लिए जो पाठ के बजाय एक पूरे खंड के पीछे चलता है, देखें एनिमेटेड ग्रेडिएंट बीजी एक्सटेंशन (प्रो)।
- सामान्य और होवर टैबः एक दूसरा ग्रेडिएंट सेट करें जो विज़िटर द्वारा हेडिंग को घुमाने पर दिखाई देता है।
- प्रत्येक ढाल दो रंग स्टॉप का उपयोग करता है तीन या अधिक रंगों के लिए आपको कस्टम सीएसएस की आवश्यकता होगी।
- डिफ़ॉल्ट बैंगनी (#9929ea) से लाल (#FB083E) तक चलते हैं, इसलिए पहले उन्हें अपने ब्रांड के रंगों में बदलें।
सीएसएस बनाम ग्रेडिएंट हेडलाइन के साथ एलिमेंटर हेडिंग
यदि आप सीएसएस के साथ सहज हैं तो आप एलिमेंटर के स्वयं के हेडिंग विजेट के साथ ग्रेडिएंट टेक्स्ट बना सकते हैं। यहां बताया गया है कि प्रत्येक मार्ग में क्या शामिल है।
| फ़ीचर | एलिमेंट हेडिंग + सीएसएस | मास्टर ऐडऑन ग्रेडिएंट हेडलाइन |
|---|---|---|
| सेटअप | पृष्ठभूमि-क्लिप के साथ सीएसएस जोड़ें: वर्डप्रेस अतिरिक्त सीएसएस, एलिमेंटर प्रो कस्टम सीएसएस या मुफ्त मास्टर ऐडऑन में टेक्स्ट कस्टम सीएसएस एक्सटेंशन | पैनल में रंग उठाओ |
| ग्रेडिएंट प्रकार | कुछ भी सीएसएस अनुमति देता है, जिसमें तीन या अधिक रंग शामिल हैं | रैखिक या रेडियल, दो रंग बंद हो जाते हैं |
| होवर ढाल | अतिरिक्त सीएसएस | अंतर्निहित होवर टैब |
| मिश्रण मोड और छाया | अतिरिक्त सीएसएस | 13 मिश्रण मोड और एक टेक्स्ट छाया नियंत्रण |
| कीमत | यदि आप स्वयं सीएसएस लिखते हैं तो निःशुल्क | मास्टर ऐडऑन के साथ निःशुल्क |
सीएसएस लिखें यदि आपको दो से अधिक रंगों या एनिमेटेड ढाल की आवश्यकता है जब आप इसे एक मिनट में नेत्रहीन सेट करना चाहते हैं तो ग्रेडिएंट हेडलाइन का उपयोग करें संबंधित मुफ्त विजेटः दोहरी शीर्षक और एनिमेटेड हेडलाइंस.
टाइपोग्राफी, ब्लेंड मोड और टेक्स्ट शैडो
प्रत्येक टैब का अपना है टाइपोग्राफी, तो फ़ॉन्ट, आकार और वजन होवर पर भी बदल सकते हैं। ब्लेंड मोड सामान्य, गुणा और स्क्रीन से लेकर अंतर और चमक तक 13 विकल्प प्रदान करता है, जो पाठ के पीछे एक छवि या रंग के साथ ग्रेडिएंट को मिश्रित करता है। पाठ छाया व्यस्त तस्वीरों पर अतिरिक्त गहराई या पठनीयता के लिए रंग, धुंधला और ऑफसेट जोड़ता है।
- ग्रेडिएंट्स शुद्ध सीएसएस हैं, इसलिए लोड करने के लिए कोई छवि नहीं है।
- ब्लेंड मोड हेडिंग के पीछे जो कुछ भी बैठता है उस पर प्रतिक्रिया करता है, इसलिए वास्तविक पृष्ठभूमि पर उनका पूर्वावलोकन करें।
- पठनीयता के लिए दोनों रंगों और पृष्ठभूमि के बीच पर्याप्त अंतर रखें।
लिंक, शीर्षक टैग और संरेखण
सामग्री टैब में, एक जोड़ें शीर्षक यूआरएल पूरे शीर्षक को एक लिंक बनाने के लिए। को चुनें शीर्षक HTML टैग (H1 से H6, div, स्पैन या p) इसलिए शीर्षक आपके पृष्ठ संरचना और सेट में फिट बैठता है संरेखण बाएँ, मध्य या दाएँ।
- प्रति पृष्ठ एक H1, आमतौर पर नायक शीर्षक, और अनुभाग शीर्षक के लिए H2 का उपयोग करें।
- एक लिंक्ड ग्रेडिएंट हेडिंग दुकान पर जाने वाले बिक्री बैनर के लिए अच्छा काम करती है।
- शीर्षक पाठ एलिमेंटर पूर्वावलोकन में इनलाइन संपादन का समर्थन करता है।
ग्रेडिएंट हेडलाइन के लिए अक्सर पूछे जाने वाले प्रश्न
क्या ग्रेडिएंट हेडलाइन विजेट मुफ़्त है?
हाँ। यह मुफ़्त मास्टर ऐडऑन प्लगइन का हिस्सा है और मुफ़्त एलिमेंटर के साथ काम करता है, इसलिए आपको ग्रेडिएंट टेक्स्ट के लिए एलिमेंटर प्रो की आवश्यकता नहीं है।
क्या मैं ग्रेडिएंट में दो से अधिक रंगों का उपयोग कर सकता हूँ?
नहीं प्रत्येक ढाल में दो रंग स्टॉप होते हैं, एक पहला रंग और दूसरा रंग स्थान स्लाइडर्स को स्थानांतरित करने से यह बदल जाता है कि मिश्रण कितना तेज या नरम है तीन या अधिक रंगों के लिए, एक नियमित शीर्षक में अपना खुद का सीएसएस जोड़ें।
क्या ग्रेडिएंट टेक्स्ट मेरी वेबसाइट को धीमा कर देगा?
नहीं, हेडिंग टेक्स्ट पर ग्रेडिएंट सादा सीएसएस है, इसलिए लोड करने के लिए कोई छवि फ़ाइल नहीं है।
क्या होवर पर ढाल बदल सकती है?
हाँ। ग्रेडिएंट स्टाइल में होवर टैब के अपने रंग, स्थान, प्रकार, कोण या स्थिति, टाइपोग्राफी, मिश्रण मोड और टेक्स्ट शैडो होते हैं, इसलिए जब आगंतुक इसे होवर करते हैं तो हेडिंग एक अलग ग्रेडिएंट पर स्विच हो सकती है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
![एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
पोस्ट/पेज डुप्लीकेटर
