Agregar un ícono de inicio al menú de navegación de WordPress

menú de inicio

Nos encanta WordPress y trabajamos con él prácticamente todos los días. El menú de navegación que ha estado activo en WordPress es increíble: una buena función de arrastrar y soltar que es fácil de usar. Si su tema no tiene una sección de menú donde pueda modificar sus menús, ¡necesita encontrar un nuevo desarrollador!

Con la adición de nuestra carga Ajax, quería reducir el tamaño del enlace de inicio en el menú de navegación y simplemente poner un icono de inicio. Sin embargo, agregar un ícono no es una opción a través de WordPress, por lo que tuvimos que agregar la funcionalidad a través del archivo functions.php de nuestro tema. Encontré un fragmento en línea para agregando el enlace de inicio al menú… Solo tuve que modificarlo para usar una imagen real en lugar del enlace de texto.

Agregar un icono de inicio a WordPress

add_filter ('wp_nav_menu_items', 'add_home_link', 10, 2); function add_home_link ($ items, $ args) {if (is_front_page ()) $ class = 'class = "current_page_item home-icon"'; else $ class = 'class = "home-icon"'; $ homeMenuItem = ' '. $ args-> antes. ' '. $ args-> link_before. ' '. $ args-> link_after. ' '. $ args-> después. ' '; $ elementos = $ homeMenuItem. $ artículos; devolver $ artículos; }

Este código también agrega una clase a la imagen para que pueda ajustar su ubicación a través de su hoja de estilo.

Un comentario

  1. 1

¿Qué piensas?

Este sitio usa Akismet para reducir el correo no deseado. Descubra cómo se procesan los datos de sus comentarios.