How To Add Icons In WordPress Menu Bar [हिंदी]

हे नमस्कार दोस्तों स्वागत है आपका हमारे ब्लॉग में आज में आपको सिखाऊंगा की आप कैसे अपने WordPress मेनू में अच्छे अच्छे आइकॉन लगा सकते है और आपके wordpress मेनू और और भी मस्ट सजा सकते है.

क्यों आइकॉन को मेनू में ऐड करे ?

तो दोस्तों जरुरी नहीं है की आप अपने wordpress वेबसाइट में आइकॉन को ऐड करे पर अगर दोस्तों आपने कोई अच्छा थीम लगाया होगा और आपने अपने वेबसाइट को अच्छे से कस्टमाइज किआ होगा तो आप अपने मेनू में आइकॉन लगा के और भी अच्छा थीम बना सकते है.

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

कैसे अपने wordpress मेनू में आइकॉन लगाए ?

दोस्तों आपको अपने मेनू में आइकॉन लगा ने के लिए आपके wordpress वेबसाइट में एक मेनू बना होना जरुरी है क्युकी अगर मेनू ही नहीं होगा तो आइकॉन कैसे लगाए तो अगर आपको नहीं पता कैसे मेनू बनाते है तो में बता ता हु. और अगर आपके थीम में पहले से ही मेनू है तो आप ये स्टेप स्किप कर सकते है.

अपनी wordpress वेबसाइट में मेनू कैसे बनाये ?

दोस्तों इश्के लिए आपको अपने wordpress डैशबोर्ड खोलना होगा आपकी वेबसाइट में लॉगिन करके आप डायरेक्ट आपकी साइट के पीछे /Login लगा के लॉगिन पेज को खोल सकते है.

अब आप अपने दायी और मेनू में Appearance में जाये और उसके बाद मेनू वाले ऑप्शन पर क्लिक करे जैसे की निचे स्क्रीन शॉट में दिखाया गया है.

How To Add Beautiful Icons In WordPress Menu Bar Using Font Awesome Icons [हिंदी]

अब आप जैसे ही मेनू वाले ऑप्शन पर क्लिक करेंगे तभी आपके सामने एक और पेज खुल जायेगा और वहां पे बीच में एक Menu structure करके ऑप्शन होगा आपको उश्के निचे कोई भी आइटम दिखेगी नहीं मतलब आपका मेनू बना नहीं है.

आपको मेनू बना ने के लिए दायी और Add menu items करके ऑप्शन होगा और उश्के निचे आपके जितने भी पेज है उनका नाम आता होगा आपको जीन जीन पेज को मेनू में लगाना है उनको सेलेक्ट करलेना है और उश्के निचे Add To Menu का बटन होगा उसके ऊपर क्लिक करदेना है.

अब वो Menu structure वाले ऑप्शन के निचे आपने जितने भी पेज को सेलेक्ट करके ऐड किआ होगा उन सबका नाम निचे आता होगा आपको पुरानीचे जाना है और वह पे आपके सामने तीन ऑप्शन आएंगे

  • Automatically add new top-level pages to this menu
  • Primary Menu
  • Secondary Menu
  • Off Canvas Menu

आपको पहला और दुशरा ऑप्शन को सेलेक्ट करदेना है और उश्के बाद सेव मेनू वाले बटन पर क्लिक करदिजिये और बस आपके थीम में मेनू ऐड हो जायेगा।

आइकॉन कैसे लगाए :-

अब आपने मेनू बना लिए है तो अब आपको मेनू में आइकॉन लगा ना है तो उश्के लिए आपको कुछ स्टेप्स फॉलो करने होंगे जो में निचे बता रहा हु.

  • सबसे पहले आपको एक प्लगइन इनस्टॉल करना होगा जिसका नाम है ” Font Awesome 4 Menus ” आपको ये Add Plugin वाले पेज पर जाके सर्च करना है.
  • सबसे पहले वाला प्लगइन को आपको इनस्टॉल और एक्टिवेट कर लेना है
How To Add Beautiful Icons In WordPress Menu Bar Using Font Awesome Icons [हिंदी]

प्लगइन को एक्टिवटे करने के बाद आपको appearance में जेक मेनू में जाना है वह पर आपके सब पेज दिखेंगे जो आपने मेनू में ऐड किआ है आपको सबसे ऊपर “Screen Options” में क्लिक करना है

How To Add Beautiful Icons In WordPress Menu Bar Using Font Awesome Icons [हिंदी]

आपको जो मेने ऊपर फोटो में मार्क किआ है वो ऑप्शन को सेलेक्ट करके एक्टिवट कर देना है और वापिस screen option पर क्लिक करके आप वो मेनू को क्लोज कर सकते है.

स्टेप 02

अब आपको एक एक करके मेनू में जो पेज है उनको एडिट करना है और जैसे ही आप एडिट वाले आइकॉन पर क्लिक करेंगे तभी एकदम आखरी वाला ऑप्शन में आपको कोड डालना है वो आइकॉन का जो आइकॉन आपको दिखाना है.

How To Add Beautiful Icons In WordPress Menu Bar Using Font Awesome Icons [हिंदी]

अब दोस्तों आप सोच रहे होंगे की कोड कहा से लाने का तो दोस्तों आपको कोड लेने के लिए fontawesome की वेबसाइट पर जाना होगा और आप यहाँ क्लिक करके वह जा सकते है

वेबसाइट पर जाने के बाद आपको अपना आइकॉन सेलेक्ट करलेना है जिसे आप अपने मेनू में दिखाना चाहते हो और उसको क्लिक कर लजिए और जैसे ही आप अपने आइकॉन पर क्लिक करेंगे तभी उस आइकॉन का पेज ओपन हो जायेगा।

आपको वह पर start using this icon का बटन होगा उसके ऊपर क्लिक करना है और जैसे ही आप वो बटन पर क्लिक करेंगे तभी एक पॉपअप पेज खुल जायेगा आपको वो पॉपअप के ऊपर की और कुछ ऐसा लिखा हुआ दिखेगा fab fa-accessible-icon

आपका आइकॉन अलग होगा इशलिए आपका जो मेने ऊपर लाइन दिएा वो भी अलग होगा पर आपको मेने जो लाइन ऊपर दिएा है उसी तारा का कॉपी करना है मतलब उसी तारा का आपका भी लाइन होगा पर आपको उसके आगे पीछे का नहीं मेने जो लाइन दिखाया है ऐसे उतना ही कॉपी करना है.

अब आपको आपके डैशबोर्ड में जाना है और वह पे जो आपने मेनू एडिट वाला खोला था पेज उसमे css करके ऑप्शन होगा वो बॉक्स में वो कोड दाल दीजिये जो आपने fontawesome की वेबसाइट से कॉपी किआ था वो दाल दीजिये और सेव कर दीजिये

अब आप अपनी वेस्बिते को खोलके देख लीजिये की आपने जो ऑप्शन में आइकॉन लगआया है वो दिख रहा है या नहीं अगर दिख रहा है तो आप एक एक करके और भी मेनू में जो ऑप्शन है उसमे भी आइकॉन ऐड कर दीजिये

निष्कर्ष :-

तो दोस्तों मुझे आशा ही की आपने भी मेरे तरह अपनी मेनू में आइकॉन लगा दिए होंगे और अगर दोस्तों आपको किसी भी तरह की दिक्कत आती है आइकॉन लगाने में तो आप निचे कमेंट कर सकते है में आपकी प्रॉब्लम की सलूशन दूंगा धन्यवाद जय हिन्द।

Leave a Comment

Share via
Copy link