Cuando se lanzó el sistema de menú de navegación con WordPress 3.0, este fue uno de los factores que transformó WordPress de una plataforma de blogs a un poderoso CMS.

Esto significaba que podía agregar cualquier contenido que quisiera a los menús de navegación de su sitio web, incluidos los enlaces personalizados. La interfaz de "arrastrar y soltar" significaba que cualquiera podía crear su propio menú personalizado sin ninguna habilidad de codificación.

Pero a veces no quieres depender de él. Si está desarrollando un sitio web para un cliente que va a agregar páginas a su sitio web, es poco probable que actualice los menús de navegación cuando lo haga o no tenga las habilidades. .

Entonces aquí es donde un menú de navegación automatizado es útil.

En este tutorial, le mostraré cómo crear un menú de navegación automatizado que muestre todas las páginas de su sitio web, así como las páginas secundarias que se muestran como entradas de segundo nivel en el menú de navegación.

Luego, puede agregar este código al encabezado de la página, la barra lateral o el pie de página de su tema si lo desea, y mostrará a sus usuarios enlaces que se actualizan automáticamente se agrega contenido nuevo a su sitio web.

Pero, si nunca has instalado WordPress, descubre ¿Cómo instalar un blog de WordPress pasos 7 et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog 

Luego de vuelta a por qué estamos aquí.

Esto es lo que necesitará para automatizar los menús de navegación de WordPress:

• Una instalación de prueba o desarrollo de WordPress, con algunas páginas y subpáginas agregadas
• Un editor de código.

código de ajuste

Agregaré este código a un complemento para que sea permanente, incluso si cambio el tema de WordPress. De esta manera, puedo agregar la función de mi complemento en mi tema para agregar el menú de navegación donde quiero. Si tu tema de WordPress tiene " manos Puede usar uno o más para inyectar este código.

Vea también nuestra lista de 10 WordPress plugins para crear una cuenta atrás

Si está trabajando con un tema de WordPress de terceros que no tiene Hooks, deberá agregar código al tema. No lo codifique directamente en el tema: en su lugar, cree un tema hijo y agréguele su código. Simplemente cree un duplicado del archivo de plantilla de tema desde el tema principal que desea editar, agréguelo a su tema hijo y edítelo.

Primera etapa

El primer paso es crear el complemento. Creo una carpeta en " wp-content/plugins ". Crear una carpeta significa que puedo agregar más archivos al complemento en el futuro si es necesario, como una hoja de estilo o incluir archivos.

Primero, debe agregar el código de inicio de sesión para su complemento, en los comentarios, para decirle a WordPress qué es:

<?php
/**
 *Nombre del complemento:Complemento
 * URI del complemento: http://blogpascher.com
 * Descripción: Complemento de WordPress
 * Versión: 1.0
 * Autor: Hervé
 * URI del autor: http://blogpascher.com
 *
 */

Ahora activar el plugin.

Luego, si está utilizando un tema hijo, configúrelo. Estoy usando el tema hijo del tema Twenty Seventeen; aquí está mi hoja de estilo:

<?php
/**
 *Nombre del complemento:Complemento
 * URI del complemento: http://blogpascher.com
 * Descripción: Complemento de WordPress
 * Versión: 1.0
 * Autor: Hervé
 * URI del autor: http://blogpascher.com
 *
 */

@import url( " ../twentyseventeen/style.css " );

Una vez que haya hecho eso, si su sitio web aún no tiene ninguna página, agregue algunas. Deben tener una estructura en varios niveles. Así es como se ven mis páginas falsas:

Ahora, comencemos a agregar el código al complemento.

Cree una función para enumerar todas las páginas jerárquicamente

Utilizaremos la función « wp_list_pages () Para recuperar todas las páginas y enumerarlas con enlaces. Pero primero, necesitamos definir algunos argumentos para ello. Comience creando su función y agregue estos argumentos:

wpmu_list_pages () {wpmu_list_pages () {$ args = array ('profundidad' => 2); }

Los argumentos son muy simples: solo hay uno para el nivel de páginas que queremos hacer. Configurar "2" significa que se mostrarán las páginas de nivel superior y sus subpáginas, pero no más.

Descubra los errores comunes de conexión 5 y sus soluciones en WordPress

Ahora agreguemos la función "wp_list_pages ()" después de los argumentos:

wp_list_pages ($ args);

Aquí está la función completa:

wpmu_list_pages () {wpmu_list_pages () {$ args = array ('profundidad' => 2); wp_list_pages ($ args); }

Agregar la función al tema

Por el momento, la función no muestra nada en mi sitio web. Para cambiar esto, necesitamos agregar una copia del encabezado del tema principal al tema secundario y editarlo.

Ver también: Cómo proteger su trabajo de WordPress en sitios web de clientes

Comience copiando su archivo de encabezado a su tema hijo y ábralo. En Twenty Seventeen, el código del menú de navegación se puede encontrar en " templates-parts / navigation / navigation-top.php Lo que significa que necesito agregar una copia de este archivo al mismo lugar en el tema de mi hijo.

Descubre para ir más allá Cómo instalar un tema de WordPress niño

En tu tema, este puede ser el archivo header.php que debe ser copiado.

Dependiendo de su tema, el código del menú será diferente. En el que estoy usando, este es el código que necesito reemplazar:

'top', 'menu_id' => 'menú superior',)); ?>

Modifique el código de su menú de navegación para agregar una nueva función, con el código existente en una declaración "else {}":

'top', 'menu_id' => 'menú superior',)); }?>

Las declaraciones condicionales son importantes: primero, verifica si la función que agregó a su complemento está presente (es decir, si el complemento está activado) y, de ser así, realiza la función a partir de ahí. De lo contrario, funciona normalmente.

Vea también nuestra guía sobre Cómo mostrar los bloques de anuncios en WordPress

Ahora mira mi sitio web:

Aparecen los enlaces, pero hay algunos problemas. No quiero que se muestren "Páginas" en la parte superior (que es el valor predeterminado para la función wp_list_pages () ) y quiero ordenar las páginas de manera más eficiente. Verá que la página de inicio está en el medio de la lista, lo que no es ideal.

Mejorar la función

Volvamos al código del complemento y adaptémoslo para corregir estos problemas.

Encuentra los argumentos que ya has definido para wp_list_pages ():

$ args = array ('profundidad' => 2);

Y editarlo:

$ args = matriz ($ args = matriz ('profundidad' => 2, 'título_li' => ' '. __ ('Menú', 'bpc'). ' ',' sort_column '=>' orden de menú ');

Esto agrega dos argumentos adicionales:

• El marcado antes de la lista, que ahora dice " Menú " En lugar de " Páginas  ".
• El orden en que se muestran las páginas.

Debes volver a las pantallas de edición de tus páginas y definir el orden de las páginas para cada una de ellas. Establezca su página de inicio en un valor de "0" y otras páginas de nivel superior son más altas que estas. 

Lea también nuestra guía sobre : Cómo cargar gradualmente los comentarios de Facebook y Disqus

Ahora, cuando visualice el menú, se verá así:

También puede cambiar el orden del menú de las páginas del segundo nivel. Esto nunca aparecerá por encima de las páginas de nivel superior, por lo que puede comenzar en 0 o 1 para cada conjunto de subpáginas.

Descubre también algunos complementos premium de WordPress  

Puedes usar otros plugins de WordPress para dar un aspecto moderno y optimizar la conexión a tu blog o sitio web.

Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.

1. Formas de gravedad

Como propietario de un negocio, permitir que sus clientes se comuniquen con usted debe ser su prioridad. Formas de gravedad es el complemento de formulario de contacto el más popular en WordPress.

Puedes usarlo para crear cualquier tipo de formulario, como un formulario de cotización, encuestas y más.

Descargar | Demo | alojamiento web

2. formulario electrónico

eForm es un generador de formularios avanzado y flexible que se puede integrar en un sitio web de WordPress existente. Es una solución de gestión de formularios completa. Esto se refiere, entre otras cosas, a cuestionarios, encuestas, recopilación de datos, estimación de pagos y comentarios de los usuarios.

Con dicho diseñador de formularios, puede diseñar formularios de forma ilimitada y administrarlos desde su tablero. Todas las solicitudes se almacenan en su base de datos, podrá ver, rastrear, analizar y actuar sobre los datos que ha guardado.

Lea también nuestro artículo sobre ¿Cómo afecta el contenido de marketing el SEO de tu blog

Además, un portal de usuarios permite que los usuarios registrados también revisen y rastreen sus solicitudes.

Descargar | Demo | alojamiento web

3. Mailster

Mailster es un Plugin de WordPress premium fácil de usar que lo ayudará a integrar un boletín informativo en su sitio web. Con este último, podrá crear, enviar y rastrear sus campañas sin demasiados problemas.

Sus características principales son: la capacidad de rastrear correos electrónicos abiertos, clics, suscripciones y tasas de rebote, la capacidad de orientar sus campañas, gestión y planificación de campañas, soporte para 6 tipos de respuesta automática, creación ilimitada formularios de registro, una interfaz fácil de usar, personalización del fondo, soporte para multilingüesY mucho más.

Descargar | Demo | alojamiento web

Recursos recomendados

Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.

• Los complementos de 8 WordPress para crear un megamenú en tu blog
• Cómo mostrar artículos recientes en WordPress
• Cómo crear una presentación de diapositivas con Slider Revolution en WordPress
• Cómo mostrar los bloques de anuncios en WordPress

Conclusión

Listo ! Eso es todo por este tutorial, espero que te permita agregar páginas automáticamente a tus menús. Si tiene alguna inquietud o sugerencia en esta área, encontrémonos en la sección de comentarios para discutir.

Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.

Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.

...