कुंजी तकिए
- एलिमेंट की आइकन लाइब्रेरी पॉपअप केवल फ़ॉन्ट को डिफ़ॉल्ट रूप से बहुत बढ़िया दिखाती है, नियमित, ठोस और ब्रांड सेट में, और आइकन फ़ील्ड वाला प्रत्येक विजेट उसी पॉपअप को खोलता है।
- एलिमेंटर में कस्टम आइकन जोड़ने का सबसे तेज़ तरीका आइकन फ़ील्ड पर अपलोड एसवीजी बटन है; यदि फ़ाइल अस्वीकार कर दी जाती है, तो एलिमेंटर > सेटिंग्स > उन्नत के अंतर्गत अनफ़िल्टर्ड फ़ाइल अपलोड सक्षम करें चालू करें।
- एलिमेंटर प्रो की कस्टम आइकन स्क्रीन फॉन्टेलो, इकोमून या फॉन्टैस्टिक।zip फ़ाइल से एक संपूर्ण आइकन फ़ॉन्ट आयात करती है और इसे आइकन लाइब्रेरी पॉपअप में माई लाइब्रेरीज़ के अंतर्गत सूचीबद्ध करती है।
- एलिमेंटर प्रो फ़ॉन्ट विस्मयकारी प्रो को भी जोड़ता है: एलिमेंटर > सेटिंग्स > एकीकरण के तहत अपनी किट आईडी पेस्ट करें और पिकर में प्रो शैलियों को जोड़ने के लिए मान्य किट आईडी पर क्लिक करें।
- मास्टर एडॉन्स आइकन लाइब्रेरी एक्सटेंशन में एक ही पॉपअप में 5,344 आइकन के साथ 8 आइकन पैक जोड़े गए हैं, और उस सेट में फेदर आइकन, रीमिक्स आइकन और टीनीकॉन के लिए मास्टर एडॉन्स प्रो की आवश्यकता होती है।
आप एलिमेंटर में कस्टम आइकन तीन तरीकों से जोड़ सकते हैं: किसी भी आइकन फ़ील्ड में एक एसवीजी अपलोड करें, एलिमेंटर प्रो के साथ अपना स्वयं का आइकन फ़ॉन्ट आयात करें, या मास्टर ऐडऑन से अतिरिक्त आइकन पैक पर स्विच करें तीनों एक ही आइकन लाइब्रेरी पॉपअप में समाप्त होते हैं, जो केवल फ़ॉन्ट विस्मयकारी प्रदान करता है जब तक आप इसमें कुछ नहीं जोड़ते।
यह मार्गदर्शिका क्लिक करने के लिए सटीक सेटिंग्स के साथ प्रत्येक विधि के माध्यम से चलती है, फिर उन्हें एक तालिका में तुलना करती है ताकि आप सही एक चुन सकें उसके बाद यह स्टाइलिंग (रंग, आकार और होवर) को कवर करता है और समस्याओं को लोग सबसे अधिक बार हिट करते हैं, जैसे आइकन जो खाली वर्गों के रूप में दिखाई देते हैं।
विषय-सूची
एलिमेंटर में कस्टम आइकन जोड़ने के तीन तरीके
फिट होने वाली विधि इस बात पर निर्भर करती है कि आपको कितने आइकन की आवश्यकता है और क्या आपके पास पहले से ही उन्हें फ़ाइलों के रूप में है।
- एक या दो आइकन के लिए, जैसे लोगो चिह्न, एसवीजी को सीधे आइकन फ़ील्ड में अपलोड करें (विधि 1)।
- अपने स्वयं के ब्रांड सेट के लिए, इसे एलिमेंटर प्रो के कस्टम आइकन (विधि २) के साथ एक आइकन फ़ॉन्ट के रूप में आयात करें।
- अपलोड करने के लिए कुछ भी नहीं के साथ तैयार किए गए आइकन की एक बड़ी पसंद के लिए, मास्टर ऐडऑन (विधि ३) में आइकन पैक पर स्विच करें।
आप एक पृष्ठ पर सभी तीन मिश्रण कर सकते हैं एक अपलोड किए गए एसवीजी, एक कस्टम आइकन सेट, फ़ॉन्ट विस्मयकारी और एक मास्टर एडॉन्स पैक सभी एक ही पृष्ठ पर बैठ सकते हैं, क्योंकि प्रत्येक एक ही आइकन फ़ील्ड के लिए सिर्फ एक और स्रोत है।
विधि १: एलिमेंट की अंतर्निहित आइकन लाइब्रेरी और एसवीजी अपलोड
एक आइकन फ़ील्ड के साथ प्रत्येक एलिमेंटर विजेट एक ही आइकन लाइब्रेरी पॉपअप खोलता है, चाहे वह आइकन, आइकन बॉक्स, आइकन सूची, बटन या सामाजिक आइकन हो बॉक्स से बाहर जो पॉपअप फ़ॉन्ट भयानक को तीन सेटों में सूचीबद्ध करता है: नियमित, ठोस और ब्रांड।
- अपने पेज पर एक आइकन विजेट, या आइकन वाला कोई भी विजेट जोड़ें।
- सामग्री टैब में, आइकन पूर्वावलोकन पर होवर करें दो बटन दिखाई देते हैं: आइकन लाइब्रेरी और एसवीजी अपलोड करें।
- फ़ॉन्ट विस्मयकारी आइकन चुनने के लिए आइकन लाइब्रेरी पर क्लिक करें, या अपनी फ़ाइल का उपयोग करने के लिए एसवीजी अपलोड करें।
एसवीजी अपलोड करें क्लाइंट के लोगो चिह्न की तरह एकल कस्टम आइकन जोड़ने का सबसे तेज़ तरीका है वर्डप्रेस डिफ़ॉल्ट रूप से एसवीजी अपलोड को अवरुद्ध करता है, इसलिए यदि एलिमेंट फ़ाइल को मना कर देता है, तो एलिमेंट> सेटिंग्स> उन्नत के तहत अनफ़िल्टर्ड फ़ाइल अपलोड सक्षम करें केवल ऐसा करें यदि आप हर किसी पर भरोसा करते हैं जो साइट पर फ़ाइलें अपलोड कर सकते हैं, क्योंकि एक एसवीजी कोड ले जा सकता है।
प्रत्येक एसवीजी अपना स्वयं का अपलोड है, बाद में ब्राउज़ करने या खोजने के लिए कोई सेट नहीं है एलिमेंटर्स चिह्न पुस्तकालय सहायता लेख यह भी नोट करता है कि अकॉर्डियन और टॉगल विजेट सामान्य पूर्वावलोकन के बजाय छोटे इनलाइन आइकन नियंत्रण का उपयोग करते हैं, लेकिन वे एक ही पॉपअप खोलते हैं एक बार जब आपको मुट्ठी भर से अधिक आइकन की आवश्यकता होती है, तो अगले दो तरीके समय बचाते हैं।
फ़ॉन्ट विस्मयकारी से अधिक की आवश्यकता है? द एलिमेंट आइकन लाइब्रेरी मास्टर ऐडऑन में आपके द्वारा पहले से उपयोग किए जाने वाले पिकर में 8 पैक में 5,344 आइकन जोड़े जाते हैं, प्रति पैक एक स्विच के साथ।
विधि २: एलिमेंटर प्रो कस्टम आइकन के साथ एक आइकन सेट अपलोड करें
एलिमेंटर प्रो एक अलग टैब के रूप में पिकर में अपना स्वयं का आइकन फ़ॉन्ट लोड कर सकता है यह से निर्यात की गई ज़िप फ़ाइलों को स्वीकार करता है फॉन्टेलो, आइकोमून या फॉन्टैस्टिक, ताकि आप अपने ब्रांड के एसवीजी से एक सेट बना सकें और इसे एक ही स्थान पर रख सकें।
- फॉन्टेलो, इकोमून या फॉन्टैस्टिक में अपना सेट बनाएं और इसे ।zip फ़ाइल के रूप में डाउनलोड करें।
- वर्डप्रेस में, एलिमेंट के कस्टम आइकन स्क्रीन खोलें एलिमेंट ४ में एलिमेंट होम स्क्रीन पर इसका शॉर्टकट है।
- नया आइकन सेट जोड़ें पर क्लिक करें, ।zip फ़ाइल में छोड़ें, सेट का नाम बताएं और इसे प्रकाशित करें।
- संपादक में कोई भी आइकन फ़ील्ड खोलें आपका सेट आइकन लाइब्रेरी पॉपअप में मेरी लाइब्रेरी के अंतर्गत दिखाई देता है।
एलिमेंटर का अपना कस्टम प्रतीक गाइड प्रत्येक सेवा के लिए निर्यात चरणों को सूचीबद्ध करता है, जिसमें अद्वितीय सीएसएस उपसर्ग शामिल है, प्रत्येक सेट की आवश्यकता होती है इस मार्ग के साथ पकड़ रखरखाव है: आप पहले सेट बनाते हैं या खरीदते हैं, और हर बार इसे बदलने पर इसे फिर से अपलोड करते हैं।
कनेक्ट फ़ॉन्ट विस्मयकारी प्रो
एलिमेंटर प्रो एक फ़ॉन्ट विस्मयकारी प्रो सदस्यता भी जोड़ता है एलिमेंटर > सेटिंग्स > एकीकरण पर जाएं, अपने फ़ॉन्ट विस्मयकारी प्रो किट आईडी पेस्ट करें और किट आईडी मान्य करें क्लिक करें प्रो परिवार तब मानक फ़ॉन्ट विस्मयकारी सेट के बगल में पिकर में दिखाई देते हैं।
विधि ३: मास्टर एडन के साथ ८ आइकन पैक जोड़ें
द मास्टर ऐडऑन आइकन लाइब्रेरी एक्सटेंशन आठ पूर्ण आइकन पैक जोड़ता है, कुल में ५,३४४ आइकन, आइकन लाइब्रेरी पॉपअप में कुछ भी अपलोड नहीं होता है: आप एक पैक को स्विच करते हैं, और इसके आइकन साइट पर प्रत्येक आइकन फ़ील्ड में दिखाई देते हैं।
| पैक | प्रतीक | शैली |
|---|---|---|
| रीमिक्स आइकन (प्रो) | 2,271 | लाइन और भरने के जोड़े |
| गूगल सामग्री चिह्न | 1,144 | भरा हुआ |
| टीनयिकॉन (प्रो) | 600 | छोटी रूपरेखा |
| एलिमेंटर चिह्न (आइकन) | 398 | एलिमेंट का इंटरफ़ेस ग्लिफ़ |
| प्रतिष्ठित फ़ॉन्ट (आइकनमॉन्स्टर) | 300 | ठोस |
| पंख चिह्न (प्रो) | 272 | लाइट लाइन |
| सरल रेखा चिह्न | 189 | पतली रेखा |
| रैखिकिकों | 170 | लाइन |
सेटअप तीन कदम लेता हैः
- मास्टर ऐडऑन > सेटिंग्स > एक्सटेंशन पर जाएं, आइकन लाइब्रेरी फ़िल्टर पर क्लिक करें, अपने इच्छित पैक पर स्विच करें और परिवर्तन सहेजें पर क्लिक करें।
- एलिमेंटर में कोई भी आइकन फ़ील्ड खोलें और आइकन लाइब्रेरी पर क्लिक करें नए पैक मेरी लाइब्रेरी के नीचे बैठते हैं, प्रत्येक एक छोटे से “M” बैज के साथ।
- इसे ब्राउज़ करने के लिए एक पैक पर क्लिक करें, या एक बार में प्रत्येक पैक को खोजने के लिए नाम से फ़िल्टर में टाइप करें एक आइकन चुनें और सम्मिलित करें पर क्लिक करें।
एलिमेंट का अपना आइकन फ़ॉन्ट (ईकॉन) डिफ़ॉल्ट पिकर में नहीं है मास्टर एडॉन्स सभी ३९८ ईकॉन को एक टैब के रूप में जोड़ता है, जो मदद करता है जब आप आइकन चाहते हैं जो एलिमेंट इंटरफ़ेस से मेल खाते हैं पंख आइकन, रीमिक्स आइकन और टीनीकॉन के साथ आते हैं मास्टर एडॉन्स प्रो.
खुले और बंद राज्यों के लिए रीमिक्स आइकन का उपयोग करें
अधिकांश रीमिक्स आइकन आकार एक लाइन संस्करण और एक भरण संस्करण में आते हैं। यह इसे दो आइकन स्थितियों वाले विजेट के लिए एक अच्छा मिलान बनाता है: में उन्नत अकॉर्डियन विजेटया एलिमेंट के अपने अकॉर्डियन और टॉगल, रूपरेखा को बंद आइकन के रूप में और भरे हुए आकार को खुले आइकन के रूप में सेट करें।
सेटअप विवरण, प्रत्येक पैक के लिए सीएसएस वर्ग उपसर्ग और सामान्य समस्याओं के समाधान इसमें हैं आइकन लाइब्रेरी सेटिंग्स दस्तावेज़.
आपको किस विधि का उपयोग करना चाहिए?
सही तरीका इस बात पर निर्भर करता है कि आपके पास पहले से क्या है।
| अगर आपको जरूरत है | से शुरू | यह क्या लेता है |
|---|---|---|
| एक या दो कस्टम आइकन, लोगो चिह्न की तरह | एसवीजी अपलोड करें (विधि 1) | एक एसवीजी फ़ाइल और अनफ़िल्टर्ड अपलोड चालू हो गए |
| आपके ब्रांड का अपना आइकन सेट | कस्टम आइकन (विधि 2) | एलिमेंटर प्रो और एक फॉन्टेलो, इकोमून या फॉन्टैस्टिक।ज़िप |
| फ़ॉन्ट विस्मयकारी प्रो शैलियाँ | फ़ॉन्ट विस्मयकारी प्रो एकीकरण (विधि 2) | एलिमेंटर प्रो और एक फ़ॉन्ट विस्मयकारी प्रो किट आईडी |
| विभिन्न शैलियों में तैयार किए गए आइकन के बहुत सारे | मास्टर ऐडऑन आइकन पैक (विधि 3) | मास्टर ऐडऑन, प्रति पैक एक स्विच |
| अपने स्वयं के कस्टम विजेट के अंदर आइकन | मास्टर एडॉन्स विजेट बिल्डर | विजेट में एक आइकन नियंत्रण |
अंतिम पंक्ति उन लोगों के लिए है जो अपने स्वयं के विजेट बनाते हैं विजेट बिल्डर में आइकन नियंत्रण वही पॉपअप खोलता है, इसलिए कस्टम विजेट आपके द्वारा स्विच किए गए प्रत्येक पैक का उपयोग कर सकते हैं।
एलिमेंटर में आइकन कैसे स्टाइल करें
इन सभी स्रोतों से आइकन विजेट के सामान्य शैली नियंत्रण का उपयोग करते हैं स्टाइल टैब खोलें, आइकन अनुभाग का विस्तार करें और प्राथमिक रंग, आकार और रोटेशन सेट करें जब कोई आगंतुक आइकन पर इंगित करता है तो रंग बदलने के लिए होवर टैब पर स्विच करें।
फ़ॉन्ट आइकन जो भी रंग सेट करते हैं वह फ़ॉन्ट बहुत बढ़िया, कस्टम आइकन सेट और मास्टर एडॉन्स पैक को कवर करता है एक अपलोड किए गए एसवीजी केवल रंग बदलता है यदि इसके पथ अपने स्वयं के एक निश्चित भरने नहीं लेते हैं, इसलिए आपके अपलोड करने से पहले फ़ाइल से हार्ड-कोडित भरण मान पट्टी करें।
अन्य आइकन विजेट में भी वही नियंत्रण दिखाई देते हैं जानकारी बॉक्स विजेट एक आइकन को एक शीर्षक और पाठ के साथ जोड़ता है, और हमारी मार्गदर्शिका एलिमेंटर में एनिमेटेड बटन दिखाता है कि बटन के अंदर आइकन कैसे रखें और इसे अपना होवर रंग दें।
समस्या निवारण एलिमेंट आइकन
अधिकांश आइकन समस्याएं एक फ़ॉन्ट फ़ाइल में आती हैं जो लोड नहीं हो रही है या एक सेटिंग जो सहेजी नहीं गई थी।
चिह्न खाली वर्गों के रूप में दिखाई देते हैं
आइकन फ़ॉन्ट लोड नहीं हो रहा है एलिमेंट> टूल्स> जनरल (स्पष्ट फ़ाइलें और डेटा) के तहत एलिमेंट के कैश को साफ़ करें, फिर अपने कैशिंग प्लगइन और सीडीएन को साफ़ करें यदि आपके फ़ॉन्ट किसी अन्य डोमेन पर सीडीएन से लोड होते हैं, तो जांचें कि यह फ़ॉन्ट फ़ाइलों के लिए क्रॉस-ओरिजिन अनुरोधों की अनुमति देता है।
एलिमेंट मेरे एसवीजी को स्वीकार नहीं करेगा
एलिमेंटर > सेटिंग्स > उन्नत के तहत अनफ़िल्टर्ड फ़ाइल अपलोड सक्षम करें चालू करें, फिर अपलोड को फिर से आज़माएं यदि यह अभी भी विफल रहता है, तो टेक्स्ट एडिटर में एसवीजी खोलें और जांचें कि यह एक वास्तविक एसवीजी फ़ाइल है और एक पीएनजी नहीं है।एसवीजी एक्सटेंशन।
पिकर से एक मास्टर एडॉन्स पैक गायब है
जांचें कि पैक का स्विच मास्टर एडॉन्स > सेटिंग्स > एक्सटेंशन > आइकन लाइब्रेरी के तहत चालू है और आपने परिवर्तन सहेजें पर क्लिक किया है, फिर संपादक को फिर से लोड करें पंख आइकन, रीमिक्स आइकन और टीनीकॉन्स को भी एक सक्रिय लाइसेंस के साथ मास्टर एडॉन्स प्रो की आवश्यकता है।
आइकन फ़ॉन्ट पृष्ठ को धीमा कर देते हैं
प्रत्येक आइकन फ़ॉन्ट ब्राउज़र डाउनलोड करने के लिए एक और फ़ाइल है एक सुसंगत रूप के लिए एक या दो पैक पर चिपके रहें, और हमारे गाइड को पढ़ें एलिमेंट वेबसाइटों को तेज़ करना, जो फ़ॉन्ट फ़ाइलों के बजाय एसवीजी के रूप में आइकन प्रस्तुत करने के लिए एलिमेंट के इनलाइन फ़ॉन्ट आइकन विकल्प को कवर करता है।
अक्सर पूछे जाने वाले प्रश्न
मैं एलिमेंट में आइकन कैसे जोड़ूं?
एक आइकन विजेट, या आइकन फ़ील्ड के साथ कोई विजेट जोड़ें, फिर सामग्री टैब में आइकन पूर्वावलोकन पर होवर करें और आइकन लाइब्रेरी पर क्लिक करें फ़ॉन्ट विस्मयकारी या आपके द्वारा जोड़े गए किसी भी आइकन सेट से एक आइकन चुनें, फिर सम्मिलित करें पर क्लिक करें इसके बजाय अपनी खुद की फ़ाइल का उपयोग करने के लिए, एसवीजी अपलोड करें पर क्लिक करें।
क्या मैं एलिमेंट में एसवीजी आइकन का उपयोग कर सकता हूं?
हाँ किसी भी आइकन फ़ील्ड पर एसवीजी अपलोड बटन पर क्लिक करें और अपनी फ़ाइल चुनें वर्डप्रेस डिफ़ॉल्ट रूप से एसवीजी अपलोड को अवरुद्ध करता है, इसलिए यदि एलिमेंट इसे अस्वीकार करता है, तो एलिमेंट> सेटिंग्स> उन्नत के तहत अनफ़िल्टर्ड फ़ाइल अपलोड सक्षम करें चालू करें और फिर से प्रयास करें।
क्या मुझे कस्टम आइकन जोड़ने के लिए एलिमेंटर प्रो की आवश्यकता है?
एकल एसवीजी अपलोड या मास्टर एडॉन्स आइकन पैक के लिए नहीं। कस्टम आइकन के माध्यम से फॉन्टेलो, इकोमून या फॉन्टैस्टिक।ज़िप से संपूर्ण आइकन फ़ॉन्ट आयात करना और फ़ॉन्ट विस्मयकारी प्रो को कनेक्ट करना, एलिमेंटर प्रो विशेषताएं हैं।
मैं एलिमेंट में होवर पर आइकन का रंग कैसे बदलूं?
विजेट का चयन करें, स्टाइल टैब खोलें और आइकन अनुभाग का विस्तार करें सामान्य से होवर पर स्विच करें और वहां होवर रंग सेट करें फ़ॉन्ट आइकन रंग को सीधे ले जाते हैं; अपलोड किया गया एसवीजी केवल तभी रंग बदलता है जब उसके पथों में कोई निश्चित भराव न हो।
मैं एक आइकन के लिए सीएसएस वर्ग कहां पा सकता हूं?
एलिमेंटर फ़ॉन्ट आइकन को एक के रूप में आउटपुट करता है <i> सेट के वर्ग नामों के साथ टैग करें, जिसे आप अपने ब्राउज़र के निरीक्षण उपकरण के साथ देख सकते हैं मास्टर एडॉन्स पैक के लिए, प्रत्येक उपसर्ग में सूचीबद्ध है चिह्न पुस्तकालय दस्तावेज़उदाहरण के लिए jltma-ri- रीमिक्स आइकन के लिए।
अंतिम विचार
एलिमेंटर में कस्टम आइकन जोड़ना नीचे आता है जहां आपके आइकन शुरू होते हैं एक एकल एसवीजी सीधे आइकन फ़ील्ड में जाता है एक ब्रांड आइकन फ़ॉन्ट एलिमेंटर प्रो के कस्टम आइकन के माध्यम से जाता है, फ़ॉन्ट विस्मयकारी प्रो के बगल में यदि आपके पास एक किट है और यदि आप अपलोड करने के बजाय चुनना चाहते हैं, तो आठ मास्टर एडॉन्स पैक एक ही पॉपअप में ५,३४४ और आइकन डालते हैं।
कुछ भी चालू करने से पहले नमूनों और आइकन गणना वाले प्रत्येक पैक को देखने के लिए, ब्राउज़ करें एलिमेंट आइकन लाइब्रेरी पेज।
संबंधित पढ़ने
- चिह्न लाइब्रेरी सेटिंग्स: सभी आठ पैक के लिए स्विच, सीएसएस उपसर्ग और समस्या निवारण
- विजेट बिल्डर में आइकन नियंत्रण: अपने स्वयं के कस्टम विजेट में पैक का उपयोग करें
- संपर्क फ़ॉर्म ७ सबमिट बटन में फ़ॉन्ट विस्मयकारी आइकन कैसे जोड़ें
- सभी मास्टर ऐडऑन विजेट और एक्सटेंशन
