क्रिएटिव लिंक्स

अधिकांश टेक्स्ट लिंक होवर पर एक काम करते हैं: रंग बदलें। द एलिमेंटर क्रिएटिव लिंक्स विजेट मास्टर एडॉन्स से आपको खेलने के लिए बहुत कुछ मिलता है, कोष्ठक जो शब्दों के चारों ओर स्लाइड करते हैं, एक भरण जो पाठ में स्वीप करता है, एक ३ डी फ्लिप, और एक दर्जन अन्य होवर प्रभाव जिन्हें आप सीएसएस फ़ाइल खोले बिना किसी भी लिंक पर छोड़ सकते हैं।

नीचे, हम विजेट जोड़ देंगे, हर सामग्री नियंत्रण के माध्यम से जाना, शैली विकल्पों को कवर करना, और प्रभाव सूची को चलाना संपादक से स्क्रीनशॉट प्रत्येक चरण के साथ आते हैं सबसे पहले, यहां वह जगह है जहां विजेट पैनल में बैठता है।

क्रिएटिव लिंक्स विजेट क्या करता है #

यह एक सादा इनलाइन लिंक लेता है और इसे आगे बढ़ाता है। द क्रिएटिव बटन विजेट शैलियों एक ठोस, गद्देदार बटन क्रिएटिव लिंक्स टेक्स्ट-लिंक संस्करण है: एक “अधिक पढ़ें”, कार्रवाई के लिए एक नव-शैली कॉल, या एक एकल वाक्यांश जिसे आप एक वाक्य के अंदर बाहर खड़ा करना चाहते हैं एनीमेशन होवर पर आग लगाता है, और आप इसे एक ड्रॉपडाउन से चुनते हैं।

आपको एक वैकल्पिक आइकन भी मिलता है, एक वैकल्पिक लेबल जो कुछ प्रभावों को प्रकट करता है, संरेखण नियंत्रण, और टाइपोग्राफी, सीमा के साथ एक स्टाइल टैब, और लिंक एनिमेशन के आसपास निर्मित रंग विकल्पों का एक सेट यह मुफ्त मास्टर एडॉन्स संग्रह में है, इसलिए यह किसी भी एलिमेंट साइट पर पूर्ण विजेट और एक्सटेंशन सूची में बाकी है।

बल्कि हर सेटिंग पढ़ने से पहले इसे देखें? यहां विजेट चालू है।

इससे पहले कि आप शुरू करें #

• वर्डप्रेस साथ तत्व स्थापित और सक्रिय।
• एलिमेंट के लिए मास्टर ऐडऑन स्थापित और सक्रिय। इसमें नया? से शुरू करें स्थापना गाइड.
• एलिमेंट संपादक में एक पृष्ठ या टेम्पलेट खुला।

क्रिएटिव लिंक्स विजेट कैसे जोड़ें #

यह हिस्सा त्वरित हैः

1. एलिमेंटर के साथ एक पेज खोलें और ऊपर-बाएं विजेट पैनल आइकन (ग्रिड) पर क्लिक करें।
2. प्रकार क्रिएटिव लिंक्स खोज बॉक्स में, या नीचे स्क्रॉल करें मास्टर ऐडऑन श्रेणी।
3. खींचना क्रिएटिव लिंक्स कैनवास पर विजेट।

यह प्लेसहोल्डर “क्लिक हियर” टेक्स्ट के साथ आता है, जो आपके संपादन के लिए तैयार है।

सामग्री सेटिंग्स समझाया #

लिंक चुनें और खोलें सामग्री टैब यह वह जगह है जहां आप पाठ, प्रभाव और जहां लिंक बिंदु सेट करते हैं।

प्रभाव #

द प्रभाव ड्रॉपडाउन इस विजेट का उपयोग करने का पूरा कारण है एक चुनें और लिंक होवर पर एनिमेट करता है सूची २० विकल्पों से पहले चलती हैः

ब्रैकेट, ३ डी प्रभाव, नीचे लाइन स्लाइड, नीचे सीमा बड़ा करें, स्लाइड इन करें, सीमा स्लाइड नीचे, २ सीमा स्लाइड ऊपर, सीमा अनुवाद, २ पाठ और सीमा, पुश आउट प्रकट करें, पाठ भरें, सर्कल, तीन डॉट्स, सीमा स्विच, स्केल डाउन, नीचे गिरना, ऊपर जाना, क्रॉस, ३ डी स्लाइड, ३ डी स्लाइड नीचे, और एक जोड़े और अधिक।

नाम बहुत दूर नहीं देते हैं, इसलिए लाइव पूर्वावलोकन में लिंक को घुमाएं कि प्रत्येक व्यक्ति क्या करता है ब्रैकेट और टेक्स्ट फिल बॉडी कॉपी में अच्छी तरह से काम करते हैं ३ डी विकल्प जोर से और फिट हेडिंग या हीरो लिंक हैं।

आइटम संरेखण, लिंक संरेखण, और बैक टेक्स्ट संरेखण #

आइटम संरेखण पूरे विजेट (बाएं, केंद्र, दाएं) को स्थिति देता है। लिंक संरेखण और बैक टेक्स्ट संरेखण लिंक टेक्स्ट और वैकल्पिक लेबल को संभालें जो कुछ प्रभाव लाते हैं तीनों उत्तरदायी हैं, इसलिए आप उन्हें टॉगल के साथ प्रति डिवाइस सेट कर सकते हैं।

लिंक पाठ और वैकल्पिक लिंक पाठ #

द लिंक पाठ दृश्यमान लेबल है, मान लीजिए “क्लिक हियर”। द वैकल्पिक लिंक पाठ (स्क्रीनशॉट्स में P“Go!”) दूसरा लेबल है जो उन प्रभावों पर स्वैप करता है जो एक को प्रकट करते हैं। इसे छोटा रखें, क्योंकि इसे केवल वही स्थान मिलता है जो एनीमेशन पीछे छोड़ता है।

चिह्न और चिह्न रिक्ति #

आप पाठ के बगल में एक आइकन बैठ सकते हैं, फिर इसके साथ अंतर सेट कर सकते हैं चिह्न रिक्ति. मास्टर एडॉन्स आठ प्रीमियम बंडल करता है आइकन पुस्तकालय, इसलिए एलिमेंटर के ठीक अंदर से चुनने के लिए बहुत कुछ है।

लिंक यूआरएल #

में मंजिल गिरा दो लिंक यूआरएलइसके बगल में गियर आइकन सामान्य विकल्प रखता है: एक नए टैब में खोलें, नोफ़ॉलो जोड़ें ऑन-साइट लिंक के लिए, अपनी साइट से किसी भी पृष्ठ को पेस्ट करें।

शैली सेटिंग्स समझाया #

पर स्विच करें शैली टैब और खोलें लिंक शैलियाँ। एनीमेशन से पहले और बाद में लिंक इस तरह दिखता है।

• चौड़ाई और चिह्न आकार: लिंक बॉक्स और आइकन को स्वयं आकार दें।
• टाइपोग्राफी: लेबल के लिए फ़ॉन्ट परिवार, आकार, वजन और अक्षर अंतर।
• लिंक पैडिंगः लिंक क्षेत्र के अंदर रिक्ति यह चेतन करने के लिए कुछ प्रभाव कमरे भी देता है।
• सीमा प्रकार, चौड़ाई, रंग और त्रिज्या: बहुत सारे प्रभाव सीमा पर होते हैं (ब्रैकेट, बॉर्डर स्लाइड डाउन, और बाकी), इसलिए इन्हें सामान्य लिंक की तुलना में यहां अधिक गिना जाता है।
• बॉक्स छाया: यदि आप चाहें तो लिंक बॉक्स पर गहराई।

सामान्य और होवर रंग #

रंग नियंत्रण में विभाजित हो गया सामान्य और होवर राज्य। सामान्य के साथ पाठ रंग और पृष्ठभूमि रंग, आप देखेंगे फ्रंट बीजी कलर, बीजी रंग से पहले, और बीजी रंग के बाद। वे अतिरिक्त परतें हैं जिनके बीच स्लाइड और भरण प्रभाव चेतन होते हैं, इसलिए जब आप मध्य-एनीमेशन दिखाने वाले रंग को नियंत्रित करना चाहते हैं तो उन्हें सेट करें।

क्रिया में प्रभाव देखना #

यहाँ कैनवास पर ब्रैकेट्स प्रभाव है लिंक को होवर करें और प्रत्येक तरफ एक ब्रैकेट स्लाइड करता है, इसलिए “क्लिक करें हेरे” को “ [यहां क्लिक करें]” के रूप में पढ़ा जाता है लाइव पूर्वावलोकन में हर प्रभाव इस तरह से व्यवहार करता है, जिससे आपके प्रतिबद्ध होने से पहले कुछ प्रयास करना आसान हो जाता है।

क्रिएटिव लिंक का उपयोग करने के लिए युक्तियाँ #

• प्रभाव को मौके पर मिलाएं। टेक्स्ट फिल या बॉटम लाइन स्लाइड जैसे सूक्ष्म लोग पैराग्राफ में अच्छी तरह से बैठते हैं हेडिंग और हीरो क्षेत्रों के लिए ३ डी स्लाइड और क्रॉस सहेजें।
• बीजी रंग देखें। सामने, पहले और बाद की पृष्ठभूमि आपके टेक्स्ट को मध्य-एनीमेशन में धो सकती है, इसलिए जांचें कि लिंक पूरे प्रभाव के दौरान पढ़ने योग्य रहता है।
• वैकल्पिक लेबल को छोटा रखें। एनीमेशन द्वारा छोड़ी गई जगह में एक लंबा वैकल्पिक लिंक टेक्स्ट तंग हो जाता है।
• स्पर्श को न भूलें। होवर फोन पर फायर नहीं करता है, इसलिए आराम करने की स्थिति को अपने आप समाप्त दिखना पड़ता है।

एक पाठ लिंक के बजाय एक पूर्ण ठोस बटन की आवश्यकता है वह है क्रिएटिव बटन विजेटएक शीर्षक, विवरण, और बटन एक साथ चाहते हैं? को देखो कॉल टू एक्शन विजेट.

अक्सर पूछे जाने वाले प्रश्न #

लपेटकर #

एलिमेंटर क्रिएटिव लिंक्स विजेट आपके टेक्स्ट लिंक को वास्तविक गति देता है: २०+ होवर प्रभाव, एक आइकन, और एनिमेशन के लिए ट्यून किए गए रंग नियंत्रण, इसमें से किसी को भी कोड की आवश्यकता नहीं है एक प्रभाव चुनें, रंगों को सेट करें, और आपके लिंक बस वहां बैठे बंद हो जाते हैं यहां से, बाकी मास्टर ऐडऑन विजेट लाइब्रेरी देखने लायक है।