वर्डप्रेस मेनू आयकॉन CSS कसे जोडायचे?WP नेव्हिगेशन चिन्ह फॉन्ट प्लगइन स्थापित करा

वर्डप्रेस मेनू आयकॉनला CSS कसे जोडायचे ?

WP नेव्हिगेशन चिन्ह फॉन्ट प्लगइन स्थापित करा

नवीन माध्यम व्यावसायिकांसाठी, एसईओ म्हणजे वेबसाइट्सना ऑप्टिमाइझ करणे आणि वापरकर्त्याचा अनुभव सुधारणे होय.

तुम्ही तुमच्या वर्डप्रेस वेबसाइटवर आयकॉन फॉन्ट जोडू शकता, जे खूप सुंदर आहेत आणि रिस्पॉन्सिव्ह डिझाइन डब्ल्यूपी थीम टेम्प्लेट्सचे समर्थन करतात.

आयकॉन फॉन्ट आणि छोट्या इमेज फॉरमॅटमधील चिन्ह वेगळे आहेत:

• डोळयातील पडदा प्रदर्शन समर्थन.
• करू शकताअमर्यादितमोठे करणे
• नेव्हिगेशन मेनूवरील आयटम आयकॉन फॉन्ट म्हणून वैयक्तिकरित्या वैयक्तिकृत करा.

तपशीलवार रेंडरिंगसाठी, कृपया चेन वेइलियांगच्या ब्लॉगवरील नॅव्हिगेशन मेनूचा संदर्भ घ्या.

आयकॉन फॉन्ट कसे वापरायचे?

पायरी १: प्लगइन स्थापित करा

• WP पार्श्वभूमी → प्लगइन्स → प्लगइन स्थापित करा → "Font Awesome 4 Menus" साठी शोधा, डाउनलोड करा आणि स्थापित करा आणि सक्षम करा;
• तुम्ही वेबसाइटवरून थेट डाउनलोड देखील करू शकता, त्यानंतर अपलोड केल्यानंतर FTP द्वारे अपलोड किंवा स्थापित करू शकता.

पायरी २: आयकॉन फॉन्ट शोधा

आयकॉन फॉन्टची अधिकृत वेबसाइट उघडा आणि आम्हाला आवश्यक असलेले चिन्ह शोधा▼

• जे तुम्ही चिन्हावर क्लिक केल्यावर दाखवू शकता <i class =“fa fa-home”> </ i>फा फा-होम कॉपी करा.
• जर होम आयकॉनचे नाव होम असेल तर आपल्याला "मेनू CSS क्लास" मध्ये प्रविष्ट करणे आवश्यक आहे. fas fa-home

पायरी ३: मेन्यूमध्ये CSS फॉन्ट आयकॉन टाका.

• WP पार्श्वभूमी → स्वरूप → मेनू, मेनू सेटिंग पृष्ठ प्रविष्ट करा.
• मेनू आयटम निवडा आणि संपादित करा,
• CSS वर्गात, आम्ही नुकतेच कॉपी केलेले आयकॉन फॉन्ट नाव पेस्ट करा (fa fa-home) ▼

• (इतर चिन्हांचे ऑपरेशन समान आहे)
• शेवटी save वर क्लिक करा.

खबरदारी

जर तुम्हाला एडिट मेनू पॅनलमध्ये CSS क्लासेस दिसत नसतील, तर तुम्ही वरच्या उजव्या कोपऱ्यात 'डिस्प्ले ऑप्शन्स' उघडून डिस्प्ले मेनूच्या ॲडव्हान्स्ड प्रॉपर्टीज सेक्शनमध्ये 'CSS क्लासेस' निवडू शकता. ▼

• अर्थात, ही आयकॉन फॉन्ट लायब्ररी नेव्हिगेशन मेनूमध्ये वापरण्यापुरती मर्यादित नाही, जोपर्यंत संबंधित आयकॉन कोड थीम टेम्पलेटच्या संबंधित स्थितीत जोडला जातो.