Crear un tema WordPress desde cero – Creación de los menús de navegación
Si has trabajado alguna vez con WordPress sabrás que en Apariencia – Menús puedes crear tantos menús personalizados como quieras. Nuestra plantilla va a disponer de un único menú de navegación que será horizontal y estará en la cabecera.
Lo primero que haremos será habilitar nuestro menú en la administración. Lo haremos a través del archivo functions.php donde incluiremos el siguiente archivo:
include(TEMPLATEPATH . '/includes/menus.php');
Que contiene el registro de nuestro menú de navegación principal.
<?php
register_nav_menus( array(
'main' => 'Main',
));
?>
En este caso solo estamos habilitando un único menú pero podríamos añadir tantos menús como queramos en el array que estamos pasando como parámetro a la función register_nav_menus(array).
A partir de este momento, en la administración de WordPress, en Apariencia – Menús podremos crear nuestro menú principal con los enlaces que deseemos checkeando la opción Main que aparece como ubicación del tema. En nuestro caso pondremos categorías de demostración y lo guardaremos con el nombre de «Menu Principal».
Para mostrar nuestro menú principal en el front office de nuestra plantilla tendremos que editar el archivo header.php ya que deseamos incorporarlo en la cabecera.
Dentro del <div id=»header»> añadiremos lo siguiente:
<?php wp_nav_menu( array('menu' => 'Menu Principal' )); ?>
Con la función wp_nav_menu(array) conseguimos que aparezca nuestro menú principal sin maquetación. Para maquetarlo puedes hacerlo como quieras. En nuestro caso vamos a utilizar el plugin superfish menu para hacerlo de forma rápida. Todos los archivos referentes a este jQuery plugin ya fueron incluidos en la cabecera en el capítulo 2 de este tutorial. Solo nos queda saber como haremos la llamada al plugin que lo haremos en nuestro archivo mytheme/js/scripts.js:
jQuery(function(){
jQuery('ul.menu').superfish();
});
Obteniendo como resultado:
Hola estoy queriendo hacer el menu pero no me toma los estilos si bien vincule todas las hojas no hace el llamado al estilo del superfish
Hola,
En la cabecera están los estilos correctamente añadidos?