बटन और लिंक को वेब पते से अधिक की आवश्यकता होती है उन्हें एक ओपन-इन-न्यू-विंडो टॉगल, एक नोफ़ॉलो विकल्प और कभी-कभी कस्टम विशेषताओं की आवश्यकता होती है यूआरएल फील्ड मास्टर एडॉन्स में विजेट बिल्डर आपके कस्टम विजेट को वही लिंक नियंत्रण देता है जिसका उपयोग एलिमेंटर हर जगह करता है, इसलिए संपादकों को सादे टेक्स्ट बॉक्स के बजाय एक परिचित लिंक पिकर मिलता है।
प्रत्येक विजेट बिल्डर फ़ील्ड की तरह, URL फ़ील्ड समर्थन करता है शर्तों। इसका मूल्य इसके माध्यम से प्रस्तुत होता है ट्विग-सिंटैक्स टेम्पलेट इंजन बिंदीदार पहुंच के साथ, {{ link.url }}, {{ link.is_external }}ू, तो प्रत्येक भाग सही विशेषता में भूमि दोनों गाइड विवरण को कवर करते हैं।
आप अपने विजेट पैनल में एक यूआरएल फ़ील्ड ड्रॉप करते हैं, चुनते हैं कि कौन से लिंक विकल्पों को उजागर करना है, और इसे शॉर्टकोड के साथ अपने मार्कअप से कनेक्ट करें यह मार्गदर्शिका यूआरएल फ़ील्ड पर केंद्रित है, लेकिन यह भी एक त्वरित में गिरता है पाठ फ़ील्ड तो आप एक ही समय में बटन लेबल सेट कर सकते हैं।
यूआरएल फ़ील्ड क्या करता है #
यूआरएल फ़ील्ड आपके विजेट के विकल्प पैनल में एलिमेंट के लिंक नियंत्रण को प्रस्तुत करता है संपादकों ने एक लिंक पेस्ट किया, उन विकल्पों को फ्लिप करें जिनकी उन्हें आवश्यकता है, और आपका विजेट एक उचित एंकर टैग आउटपुट करता है एक कच्चे पते को पकड़े हुए एक टेक्स्ट फ़ील्ड ऐसा नहीं कर सकता यूआरएल फ़ील्ड आपके लिए लक्ष्य और रिल विशेषताओं को संभालता है, इसलिए बाहरी लिंक सही ढंग से खुलते हैं और नोफ़ॉलो एक क्लिक दूर है।
यह दृश्यमान लेबल के लिए टेक्स्ट फ़ील्ड के साथ स्वाभाविक रूप से जुड़ता है कॉल-टू-एक्शन बटन में, यूआरएल फ़ील्ड लिंक को ले जाता है और टेक्स्ट फ़ील्ड बटन पर शब्दों को ले जाता है।
इससे पहले कि आप शुरू करें #
- वर्डप्रेस साथ तत्व स्थापित और सक्रिय।
- एलिमेंट के लिए मास्टर ऐडऑन स्थापित और सक्रिय प्लगइन के लिए नया? देखना स्थापना गाइड.
- विजेट बिल्डर संपादक में एक कस्टम विजेट खुला यदि यह आपका पहला है, तो पढ़ें विजेट बिल्डर अवलोकन पहले।
यूआरएल फ़ील्ड कैसे जोड़ें #
विजेट बिल्डर संपादक में, बाईं ओर फ़ील्ड पैनल ढूंढें और खींचें यूआरएल के अंतर्गत एक अनुभाग में फ़ील्ड करें सामग्री, शैली, या उन्नत टैब लिंक नियंत्रण आमतौर पर सामग्री के तहत रहते हैं एक बार जब यह जगह में होता है, तो क्षेत्र के विकल्प बाईं ओर खुलते हैं और इसका शॉर्टकोड में दिखाई देता है प्रलेखन कोड संपादक के बगल में साइडबार।
यूआरएल फ़ील्ड विकल्प समझाया गया #
इसकी सेटिंग्स खोलने के लिए यूआरएल फ़ील्ड का चयन करें पहले कुछ विकल्प अन्य फ़ील्ड से मेल खाते हैं, फिर आपको लिंक-विशिष्ट विकल्पों का एक सेट मिलता है।
- लेबलः एलिमेंटर में नियंत्रण के ऊपर दिखाया गया पाठ, उदाहरण के लिए “Url” या “Button Link”।
- नाम: क्षेत्र के लिए विशिष्ट पहचानकर्ता पत्र, संख्याएं, और केवल अंडरस्कोर यह आपका शॉर्टकोड बन जाता है, इसलिए एक क्षेत्र का नाम दिया गया
urlतुम्हें देता है{{url}}. - विवरण: नियंत्रण के नीचे वैकल्पिक सहायक पाठ दिखाया गया है।
- प्लेसहोल्डर: लिंक बॉक्स में दिखाया गया हल्का संकेत जब यह खाली होता है।
- डिफ़ॉल्ट मानः एक प्रारंभिक लिंक, यदि आप चाहते हैं कि बटन किसी को संपादित करने से पहले कहीं इंगित करे।
यूआरएल विकल्प #
द यूआरएल विकल्प समूह तय करता है कि लिंक नियंत्रण के कौन से हिस्से एलिमेंटर में दिखाई देते हैं केवल विजेट की आवश्यकता पर टिक करेंः
- यूआरएल इनपुटः लिंक फ़ील्ड ही, जहां संपादक पता चिपकाता है।
- नई विंडो में खोलेंः एक टॉगल जो सेट हो जाता है
target="_blank"लिंक पर। - नोफ़ॉलो जोड़ेंः एक टॉगल जो जोड़ता है
rel="nofollow"प्रायोजित या अविश्वसनीय लिंक के लिए उपयोगी है। - कस्टम विशेषताएँ: में अतिरिक्त विशेषताओं के लिए एक क्षेत्र
key|valueप्रारूप, एनालिटिक्स हुक या डेटा विशेषताओं के लिए उपयोगी।
सामान्य सेटिंग्स: उत्तरदायी, गतिशील, और अधिक #
यूआरएल विकल्पों के नीचे आपको वही मिलता है सामान्य सेटिंग्स बिल्डर में हर क्षेत्र के रूप में: लेबल, लेबल ब्लॉक, उत्तरदायी नियंत्रण, गतिशील समर्थन, फ्रंटएंड उपलब्ध, विभाजक, और शर्तों को दिखाएं गतिशील समर्थन यहां उपयोगी है, क्योंकि यह लिंक को गतिशील स्रोत से खींचने देता है पाठ फ़ील्ड दस्तावेज़ीकरण इनमें से प्रत्येक को विस्तार से बताते हैं।
फ़ील्ड को अपने कोड से कनेक्ट करें #
यूआरएल फ़ील्ड आपको एक शॉर्टकोड प्लस कुछ उप-टोकन देता है, इसलिए आप प्रत्येक लिंक विकल्प को सही एचटीएमएल विशेषता के लिए मैप कर सकते हैं नामित फ़ील्ड के लिए url:
{{url.url}}के लिए लिंक पता आउटपुट करता हैhrefगुण।{{url.is_external}}लक्ष्य को आउटपुट करता है, इसलिए नई विंडो में “Open” टॉगल काम करता है।{{url.nofollow}}“Add nofollow” टॉगल के लिए रिल मान आउटपुट करता है।
इन्हें एक एंकर टैग में डालें, और एक जोड़ें पाठ फ़ील्ड टोकन लाइक {{button_text}} दृश्यमान लेबल के लिएः
एंकर अब अपने लिंक, लक्ष्य और रिल को एकल यूआरएल नियंत्रण से खींचता है, और टेक्स्ट फ़ील्ड शब्दों की आपूर्ति करता है विजेट को सहेजें और बटन जो कुछ भी संपादक सेट करता है उसके साथ रेंडर करता है जानने योग्य एक बात: यदि आप केवल जगह {{url}} अपने आप, आपको पता मिल जाता है लेकिन लक्ष्य या नोफ़ॉलो व्यवहार नहीं, इसलिए जब वे टॉगल मायने रखते हैं तो उप-टोकन का उपयोग करें।
एलिमेंटर में यूआरएल नियंत्रण का उपयोग करें #
अपने कस्टम विजेट को एक पृष्ठ पर खींचें और इसे एलिमेंट संपादक में खोलें यूआरएल फ़ील्ड मानक लिंक नियंत्रण के रूप में दिखाता है: पते के लिए एक बॉक्स, साथ ही आपके द्वारा सक्षम किए गए टॉगल के लिए एक लिंक चिपकाएं, यदि आवश्यक हो तो नई विंडो में “ओपन पर स्विच करें, और बटन लाइव अपडेट करता है।
डेमो में, “बटन टेक्स्ट” लेबल वाला टेक्स्ट फ़ील्ड बटन को “अपना प्लान” चुनें पर सेट करता है, और यूआरएल फ़ील्ड इसे लक्ष्य लिंक पर इंगित करता है। दो छोटे फ़ील्ड, और आपके पास पूरी तरह से संपादन योग्य कॉल-टू-एक्शन बटन है जिसे कोई भी एलिमेंटर से अपडेट कर सकता है।
सामान्य उपयोग के मामले #
- कॉल-टू-एक्शन बटन संपादन योग्य लिंक, पाठ और नई-खिड़की व्यवहार के साथ।
- मूल्य निर्धारण या योजना बटन चेकआउट करने के लिए वह बिंदु।
- और लिंक पढ़ें कार्ड और फीचर ब्लॉक पर।
- प्रायोजित या संबद्ध लिंक जहां नोफॉलो मायने रखता है।
- ट्रैक किए गए लिंक एनालिटिक्स डेटा के लिए कस्टम विशेषताओं का उपयोग करना।
यूआरएल फ़ील्ड के साथ काम करने के लिए युक्तियाँ #
- केवल उन विकल्पों को उजागर करें जिनकी आपको आवश्यकता है। यदि कोई बटन कभी नया टैब नहीं खोलता है, तो नियंत्रण को साफ रखने के लिए उस विकल्प को छोड़ दें।
- उप-टोकन का उपयोग करें, न केवल
{{url}}. मैप{{url.url}},{{url.is_external}}, और{{url.nofollow}}तो हर टॉगल वास्तव में कुछ करता है। - इसे टेक्स्ट फ़ील्ड के साथ जोड़ें आपके HTML में शब्दों को हार्ड-कोड करने के बजाय बटन लेबल के लिए।
- प्रायोजित लिंक के लिए नोफॉलो चालू करें खोज दिशानिर्देशों के दाईं ओर रहने के लिए।
- इसके शॉर्टकोड को संदर्भित करने से पहले फ़ील्ड बनाएं। पैनल पर फ़ील्ड होने के बाद ही टोकन मौजूद होता है।
अक्सर पूछे जाने वाले प्रश्न #
मास्टर एडॉन्स विजेट बिल्डर में यूआरएल फ़ील्ड क्या है?
यूआरएल फ़ील्ड एलिमेंटर के लिंक नियंत्रण को एक कस्टम विजेट में जोड़ता है संपादक एक लिंक पेस्ट करते हैं और नई विंडो में खुले और नोफ़ॉलो जैसे विकल्पों को टॉगल करते हैं, और आपका विजेट फ़ील्ड के शॉर्टकोड और उप-टोकन का उपयोग करके एक उचित एंकर टैग आउटपुट करता है।
मैं अपने कस्टम विजेट में “Open को नई विंडो” टॉगल वर्क में कैसे बनाऊं?
अपने एंकर टैग में उप-टोकन का उपयोग करें नामित फ़ील्ड के लिए url, सेट target="{{url.is_external}}" लिंक पर जब संपादक एलिमेंटर में टॉगल फ़्लिप करता है, तो लक्ष्य विशेषता अपडेट हो जाती है ताकि लिंक एक नए टैब में खुल जाए।
क्या मैं विजेट बिल्डर विजेट में किसी लिंक पर नोफ़ॉलो जोड़ सकता हूँ?
हाँ। फ़ील्ड के URL विकल्पों में noFollow जोड़ें, फिर आउटपुट सक्षम करें rel="{{url.nofollow}}" आपके एंकर टैग पर जब संपादक एलिमेंटर में नोफ़ॉलो चालू करता है, तो रिल विशेषता स्वचालित रूप से जुड़ जाती है।
मैं बटन टेक्स्ट को लिंक से अलग कैसे सेट करूं?
यूआरएल फ़ील्ड के बगल में एक टेक्स्ट फ़ील्ड जोड़ें यूआरएल फ़ील्ड लिंक को ले जाता है, और टेक्स्ट फ़ील्ड दृश्यमान लेबल को ले जाता है टेक्स्ट फ़ील्ड टोकन रखें, जैसे {{button_text}}, एंकर टैग खोलने और बंद करने के बीच।
कस्टम विशेषताओं का उपयोग किस लिए किया जाता है?
कस्टम विशेषताएँ संपादकों को लिंक में अतिरिक्त HTML विशेषताएँ जोड़ने देती हैं key|value प्रारूप वे एनालिटिक्स हुक, डेटा विशेषताओं, या किसी भी विशेषता के लिए उपयोगी होते हैं जो आपकी स्क्रिप्ट या ट्रैकिंग टूल को एंकर तत्व पर चाहिए।
लपेटकर #
विजेट बिल्डर यूआरएल फ़ील्ड एक सादे लिंक को अपने स्वयं के कस्टम विजेट के अंदर एक पूर्ण एलिमेंटर लिंक नियंत्रण में बदल देता है बेनकाब करने के लिए विकल्प चुनें, अपने एंकर टैग में उप-टोकन तार करें, इसे लेबल के लिए टेक्स्ट फ़ील्ड के साथ जोड़ दें, और आपके पास एक संपादन योग्य बटन है जो लिंक, नई विंडो और नोफ़ॉलो को बिना हार्ड-कोडित मार्कअप के बाकी हिस्सों पर एक नज़र डालें मास्टर ऐडऑन विजेट और एक्सटेंशन, और जाँच करें मूल्य निर्धारण पृष्ठ प्रत्येक योजना में क्या शामिल है।
