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

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

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

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

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

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

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

विशिष्ट प्रभाव आकृती पाहिली जाऊ शकतेचेन वेइलांगब्लॉगचा नेव्हिगेशन मेनू.

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

1 步:प्लगइन स्थापित करा

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

2 步:चिन्ह फॉन्ट शोधा

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

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

3 步:मेनू इनपुट CSS वर्ग फॉन्ट चिन्ह

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

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

खबरदारी

तुमच्याकडे संपादन मेनू आयटम पॅनेलमध्ये CSS वर्ग नसल्यास, तुम्ही वरच्या उजव्या कोपर्यात "डिस्प्ले पर्याय" उघडू शकता आणिमेनूचे प्रगत गुणधर्म दर्शवा, "CSS वर्ग" ▼ निवडा

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