वर्डप्रेस नेविगेशन मेनू में एक होम आइकन जोड़ें

घर मेनू

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

हमारे अजाक्स लोड को जोड़ने के साथ, मैं नेविगेशन मेनू पर होम लिंक के आकार को कम करना चाहता था और बस एक होम आइकन डाल दिया था। एक आइकन जोड़ना वर्डप्रेस के माध्यम से एक विकल्प नहीं है, हालांकि, इसलिए हमें अपनी थीम के फ़ंक्शन के माध्यम से कार्यक्षमता को जोड़ना होगा। एफपी फ़ाइल। मुझे ऑनलाइन एक स्निपेट मिला मेनू में होम लिंक जोड़ना... मुझे बस इसे पाठ लिंक के बजाय एक वास्तविक छवि का उपयोग करने के लिए संशोधित करना था।

वर्डप्रेस में एक होम आइकन जोड़ें

add_filter ('wp_nav_menu_items', 'add_home_link', 10, 2); function add_home_link ($ आइटम, $ args) {if (is_front_page ()) $ class = 'class = "current_page_item होम-आइकन" "; $ $ वर्ग = 'वर्ग = "होम-आइकन"; $ होममेनुइतेम = ' '। $ args-> पहले। ' '। $ args-> link_before। '  '। $ args-> link_after। ' '। $ args-> के बाद। ' '; $ आइटम = $ homeMenuItem। आइटम $; $ आइटम वापस करें; }

यह कोड छवि के लिए एक वर्ग जोड़ता है ताकि आप इसे अपनी स्टाइलशीट के माध्यम से स्थान समायोजित कर सकें।

एक टिप्पणी

  1. 1

तुम्हें क्या लगता है?

यह साइट स्पैम को कम करने के लिए अकिस्मेट का उपयोग करती है। जानें कि आपका डेटा कैसे संसाधित किया जाता है.