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

घर मेनू

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

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

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

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

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

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