Voeg een Home-pictogram toe aan het WordPress-navigatiemenu

startmenu

We houden van WordPress en werken er vrijwel elke dag mee. Het navigatiemenu dat actief is geweest in WordPress is ongelooflijk - een leuke functie voor slepen en neerzetten die gemakkelijk te gebruiken is. Als uw thema geen menusectie heeft waar u uw menu's kunt wijzigen, moet u een nieuwe ontwikkelaar zoeken!

Met de toevoeging van onze Ajax-lading wilde ik de grootte van de home-link in het navigatiemenu verkleinen en gewoon een home-pictogram plaatsen. Het toevoegen van een pictogram is echter geen optie via WordPress, dus moesten we de functionaliteit toevoegen via het functies.php-bestand van ons thema. Ik heb online een fragment gevonden voor het toevoegen van de homelink aan het menu… Ik moest het gewoon aanpassen om een ​​echte afbeelding te gebruiken in plaats van de tekstlink.

Voeg een Home-pictogram toe aan WordPress

add_filter ('wp_nav_menu_items', 'add_home_link', 10, 2); functie add_home_link ($ items, $ args) {if (is_front_page ()) $ class = 'class = "current_page_item home-icon"'; anders $ class = 'class = "home-icon"'; $ homeMenuItem = ' '. $ args-> voor. ' '. $ args-> link_before. '  '. $ args-> link_after. ' '. $ args-> na. ' '; $ items = $ homeMenuItem. $ items; $ items teruggeven; }

Deze code voegt ook een klasse toe aan de afbeelding, zodat je de locatie via je stylesheet kunt aanpassen.

Een reactie

  1. 1

Wat denk je?

Deze site gebruikt Akismet om spam te verminderen. Ontdek hoe uw reactiegegevens worden verwerkt.