क्रिएटिव लिंक विजेट सेटिंग्स

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

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

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

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

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

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

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

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

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

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

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

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

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

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

प्रभाव #

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

मुक्त: ब्रैकेट, बॉटम लाइन स्लाइड, बॉटम बॉर्डर एनलार्ज, दूसरा बॉर्डर स्लाइड अप, टेक्स्ट फिल, थ्री डॉट्स, स्केल डाउन, मूव अप, इफेक्ट 21 और इफेक्ट 22।

प्रो: ३ डी प्रभाव, स्लाइड इन, बॉर्डर स्लाइड डाउन, बॉर्डर ट्रांसलेट, २ टेक्स्ट और बॉर्डर, पुश आउट, सर्कल, बॉर्डर स्विच, फॉल डाउन, क्रॉस, ३ डी स्लाइड, और ३ डी स्लाइड डाउन प्रकट करें।

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

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

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

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

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

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

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

लिंक यूआरएल #

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

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

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

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

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

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

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

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

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

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

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

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

लपेटकर #

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