द पाठ छाया फ़ील्ड आपके कस्टम विजेट में एलिमेंटर का टेक्स्ट शैडो कंट्रोल जोड़ता है: क्षैतिज और ऊर्ध्वाधर ऑफसेट, धुंधला, और अस्पष्टता के साथ एक रंग, जो भी पाठ पर लागू होता है, जो आपके चयनकर्ता बिंदु पर होता है मास्टर एडॉन्स के अंदर विजेट बिल्डर, यह संपादकों को व्यस्त फोटो पर हेडलाइन को पढ़ने योग्य रखने या डिस्प्ले प्रकार को सूक्ष्म लिफ्ट देने का सबसे तेज़ तरीका है।
प्रत्येक विजेट बिल्डर नियंत्रण की तरह, टेक्स्ट शैडो समर्थन करता है शर्तों, इसे प्रकट करने के लिए तभी उपयोगी है जब एक छाया विकल्प सक्षम होता है, और बिल्डर के माध्यम से टोकन आउटपुट चलता है ट्विग-सिंटैक्स टेम्पलेट इंजन। दोनों गाइड सेटअप और सीमाओं को कवर करते हैं।
टेक्स्ट शैडो एक समूह नियंत्रण है, परिवार का सबसे छोटा जिसमें टाइपोग्राफी और पृष्ठभूमि शामिल है वायरिंग समान है: आपके सीएसएस में कोई टोकन नहीं, बस एक चयनकर्ता विकल्प जो एलिमेंट को बताता है कि किस तत्व को स्टाइल करना है।
टेक्स्ट शैडो फ़ील्ड क्या करता है #
- रेंडर्स एलिमेंट के टेक्स्ट शैडो ग्रुप कंट्रोल, फ़ील्ड के लेबल के बगल में पेंसिल आइकन से खोला गया।
- क्षैतिज और ऊर्ध्वाधर ऑफसेट ग्लिफ़ के चारों ओर छाया रखें।
- धुंधला करना इसे नरम करता है, एक कठोर डुप्लिकेट किनारे से एक विस्तृत चमक तक।
- रंग यथार्थवादी, कम-अस्पष्टता छाया के लिए एक अल्फा चैनल शामिल है।
- सीएसएस खुद लिखता है आपके द्वारा प्रदान किए गए चयनकर्ता को; कोई टेम्पलेट टोकन नहीं है।
पहले कभी विजेट नहीं बनाया? से शुरू करें विजेट बिल्डर अवलोकन और एक बार जब आपके पास एक खुला हो तो वापस आ जाएं।
इससे पहले कि आप शुरू करें #
- वर्डप्रेस साथ तत्व स्थापित और सक्रिय।
- एलिमेंट के लिए मास्टर ऐडऑन स्थापित और सक्रिय प्लगइन के लिए नया? देखना स्थापना गाइड.
- विजेट बिल्डर संपादक में एक कस्टम विजेट खुला हमारा उदाहरण एक फोटो बैनर विजेट के साथ है
<h2 class="banner-title">छवि पर बैठे हेडिंग।
टेक्स्ट शैडो फ़ील्ड कैसे जोड़ें #
विजेट बिल्डर संपादक में, बाईं ओर फ़ील्ड पैनल को तब तक स्क्रॉल करें जब तक आपको यह न मिल जाए पाठ छाया फ़ील्ड, टाइपोग्राफी और बॉक्स शैडो जैसे अन्य शैली समूह फ़ील्ड के साथ सूचीबद्ध है।
इसे नीचे एक अनुभाग में खींचें शैली टैब, आमतौर पर टाइपोग्राफी क्षेत्र के ठीक बगल में जो एक ही पाठ को स्टाइल करता है एक बार जब यह भूमि, क्षेत्र के विकल्प बाईं ओर खुलते हैं।
पाठ छाया फ़ील्ड विकल्पों की व्याख्या की गई #
- लेबलः एलिमेंटर में नियंत्रण के बगल में दिखाया गया पाठ, उदाहरण के लिए “Title Shadow”।
- नाम: केवल फ़ील्ड, अक्षरों, संख्याओं और अंडरस्कोर के लिए विशिष्ट पहचानकर्ता।
- चयनकर्ता: सीएसएस चयनकर्ता छाया लागू होता है यह कनेक्शन ही है, अगले कवर किया गया।
- बहिष्कृत करें: जब आप छंटनी-डाउन पॉपओवर चाहते हैं तो समूह से व्यक्तिगत उप-नियंत्रण हटा देता है।
- विवरण, शो लेबल, सेपरेटर और शर्तें मानक प्रदर्शन विकल्प हैं जिन्हें आपने अन्य फ़ील्ड पर देखा है।
अपने चयनकर्ता पर फ़ील्ड इंगित करें #
अन्य समूह नियंत्रण की तरह, टेक्स्ट शैडो फ़ील्ड में कोई नहीं है {{shortcode}} अपने सीएसएस के लिए। छाया ऑफसेट, धुंधला, और रंग को एक संपत्ति में बंडल करती है, इसलिए ए {{ token }} फ़ील्ड प्रिंट के लिए कुछ भी उपयोगी नहीं है। द चयनकर्ता विकल्प पूरे कनेक्शन को वहन करता है।
बैनर शीर्षक के लिए, चयनकर्ता हैः
{{WRAPPER}} .banner-title
{{WRAPPER}}विजेट के अपने कंटेनर के लिए खड़ा है, इस विजेट के अंदर छाया रखते हुए समूह नियंत्रण चयनकर्ता को लिखित रूप में लागू करते हैं, इसलिए{{WRAPPER}}क्या आपका टाइप करना है; यह आपके लिए नहीं जोड़ा गया है।.banner-titleआपके विजेट HTML के अंदर टेक्स्ट तत्व है।
सावधान: छोड़ें {{WRAPPER}} और चयनकर्ता प्रत्येक को स्टाइल करता है .banner-title पूरे पृष्ठ पर, अन्य विजेट सहित। सेटअप दर्पण टाइपोग्राफी क्षेत्र बिल्कुल, तो वहां काम करने वाला चयनकर्ता यहां काम करता है।
यदि डिज़ाइन एक डिफ़ॉल्ट छाया के लिए कॉल करता है, तो इसे विजेट के सीएसएस टैब में फ़ॉलबैक के रूप में रखें एक संपादक द्वारा मान सेट करने के बाद नियंत्रण इसे ओवरराइड करता है।
एलिमेंटर में टेक्स्ट शैडो नियंत्रण का उपयोग करें #
एलिमेंटर में एक पृष्ठ पर अपना कस्टम विजेट जोड़ें, या संपादक को फिर से लोड करें यदि यह पहले से ही खुला था नियंत्रण आपके लेबल और एक पेंसिल आइकन दिखाता है जो छाया पॉपओवर खोलता है।
एक रंग चुनें, फिर ब्लर और दो ऑफसेट समायोजित करें धुंधलापन के कुछ पिक्सेल के साथ कम अस्पष्टता पर एक अंधेरे छाया फोटोग्राफी पर एक शीर्षक सुपाठ्य रखता है; शून्य धुंधला के साथ बड़े ऑफसेट एक रेट्रो डिस्प्ले प्रभाव उत्पन्न करते हैं पूर्वावलोकन प्रत्येक परिवर्तन के साथ अपडेट होता है साइट का उपयोग करने की संभावना सबसे हल्की तस्वीर के खिलाफ परिणाम को ट्यून करें, न केवल डेमो छवि, क्योंकि एक अंधेरे पृष्ठभूमि पर डायल की गई छाया पूरी तरह से एक उज्ज्वल पर गायब हो सकती है।
सामान्य उपयोग के मामले #
- तस्वीरों पर शीर्षक हीरो और बैनर विजेट में, जहां छाया कंट्रास्ट वापस खरीदती है।
- वीडियो पृष्ठभूमि पर पाठ, जो लगातार बदलते रहते हैं और अतिरिक्त किनारे की आवश्यकता होती है।
- प्रकार प्रभाव प्रदर्शित करें जैसे बड़े अंकों पर हार्ड ऑफसेट छाया।
- प्रकाश इमेजरी पर प्रकाश पाठ, जहां एक नरम अंधेरा प्रभामंडल कैप्शन को पढ़ने योग्य रखता है।
- बैज और लेबल ढाल या पैटर्न वाले क्षेत्रों पर बैठना।
टेक्स्ट शैडो फ़ील्ड के साथ काम करने के लिए युक्तियाँ #
- चयनकर्ता विकल्प संपूर्ण कनेक्शन है। समूह नियंत्रण के लिए कोई टोकन मौजूद नहीं है, इसलिए इस फ़ील्ड के लिए सीएसएस टैब में कुछ भी नहीं जाता है।
- चयनकर्ता को हमेशा इसके साथ प्रारंभ करें
{{WRAPPER}}. इसका उपयोग कच्चा किया जाता है, और इसके बिना छाया पृष्ठ पर प्रत्येक मिलान तत्व तक पहुंच जाती है। - इसे उसी चयनकर्ता पर टाइपोग्राफी फ़ील्ड के साथ जोड़ें। एक शीर्षक के लिए फ़ॉन्ट और छाया निर्णय फिर पैनल में एक साथ बैठते हैं।
- कम-अस्पष्टता वाले रंगों का पक्ष लें। रंग के अल्फा चैनल से निर्मित छायाएं डिजाइन में बैठती हैं; ठोस काला शायद ही कभी करता है।
- सरल बनाने के लिए बहिष्कृत का उपयोग करें। यदि विजेट को केवल धुंधला और रंग की आवश्यकता होती है, तो समूह को ट्रिम करने से पॉपओवर छोटा रहता है।
- सीएसएस टैब में फ़ॉलबैक शिप करें जब डिफ़ॉल्ट डिज़ाइन छाया के होने पर निर्भर करता है।
अक्सर पूछे जाने वाले प्रश्न #
मास्टर एडॉन्स विजेट बिल्डर में टेक्स्ट शैडो फ़ील्ड क्या है?
यह एलिमेंटर के टेक्स्ट शैडो ग्रुप कंट्रोल को एक कस्टम विजेट में जोड़ता है, क्षैतिज और ऊर्ध्वाधर ऑफसेट, धुंधला और रंग के साथ आप सीएसएस चयनकर्ता जैसे क्षेत्र को इंगित करते हैं {{WRAPPER}} .banner-title, और एलिमेंटर उस पाठ पर छाया लिखता है।
सीएसएस टैब के लिए टेक्स्ट शैडो शॉर्टकोड कहां है?
कोई नहीं है टेक्स्ट शैडो एक समूह नियंत्रण है, इसलिए इसका मूल्य कभी भी प्रिंट नहीं होता है {{token}}; इसके लिए एक टोकन कुछ भी उपयोगी आउटपुट नहीं करता है इसके बजाय चयनकर्ता विकल्प सेट करें और सीएसएस आपके लिए उत्पन्न होता है।
टेक्स्ट शैडो बॉक्स शैडो से कैसे अलग है?
पाठ छाया पाठ के ग्लिफ़ से ही छाया खींचता है और कोई प्रसार या इनसेट सेटिंग्स नहीं है बॉक्स छाया तत्व के बॉक्स से खींचता है शीर्षकों और लेबलों के लिए पाठ छाया का उपयोग करें, कार्ड, बटन और कंटेनरों के लिए बॉक्स छाया।
मेरी छाया अन्य विजेट में शीर्षकों पर क्यों दिखाई दे रही है?
चयनकर्ता में कमी है {{WRAPPER}}ू ी है, तो यह पृष्ठ पर हर जगह कक्षा से मेल खाता है समूह नियंत्रण चयनकर्ता को ठीक उसी तरह लेते हैं जैसा लिखा है इसे उपसर्ग करें {{WRAPPER}} और बचाओ।
क्या एक टेक्स्ट शैडो फ़ील्ड कई टेक्स्ट तत्वों को कवर कर सकता है?
हाँ। अल्पविराम-चयनकर्ताओं को अलग करें और प्रत्येक से प्रारंभ करें {{WRAPPER}}उदाहरण के लिए {{WRAPPER}} .banner-title, {{WRAPPER}} .banner-sub। फिर दोनों एक ही नियंत्रण का पालन करते हैं।
क्या मेरे विजेट सीएसएस में टेक्स्ट-शैडो नियम अभी भी लागू होता है?
हां, डिफ़ॉल्ट के रूप में नियंत्रण का आउटपुट स्टाइलशीट मान को ओवरराइड करता है जब एक संपादक पॉपओवर को कॉन्फ़िगर करता है, जो वास्तव में एक फ़ॉलबैक व्यवहार करना चाहिए।
लपेटकर #
विजेट बिल्डर टेक्स्ट शैडो फ़ील्ड एक छोटा नियंत्रण है जो एक आवर्ती समस्या को हल करता है: पाठ जिसे पठनीय रहना पड़ता है इससे कोई फर्क नहीं पड़ता कि संपादक इसके पीछे क्या छवि छोड़ देता है फ़ील्ड का नाम दें, चयनकर्ता को सेट करें {{WRAPPER}} इसके अलावा पाठ की कक्षा, और छाया तब से पैनल में रहती है यह अपने चयनकर्ता मॉडल को साझा करता है टाइपोग्राफी क्षेत्र, जो आमतौर पर वैसे भी एक ही शीर्षक से संबंधित है बाकी का अन्वेषण करें मास्टर ऐडऑन विजेट और एक्सटेंशन, और देखें मूल्य निर्धारण पृष्ठ प्रत्येक योजना में क्या शामिल है।