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».

menu-principal-adminPara 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:

menu-principal-front

Indice de contenido

Tema 01 - Introducción e ídice de contenido
Tema 02 - La estructura de archivos de una plantilla
Tema 03 - Construyendo la base de nuestra plantilla
Tema 04 - Creación de los menús de navegación
Tema 05 - Creación de zonas para Widgets
Tema 06 - Página principal
Tema 07 - Páginas
Tema 08 - Entradas y comentarios
Tema 09 - Página de categorías y tags
Tema 10 - Formulario de búsqueda y sus resultados
Tema 11 - Página de error 404
Tema 12 - Conclusión y demostración
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(3 votos, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

2 respuestas a “Crear un tema WordPress desde cero – Creación de los menús de navegación”

  1. Mariano dice:

    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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.