Cómo actualizar automáticamente los menús al agregar páginas a WordPress

Cuando el sistema de menús de navegación se lanzó con WordPress 3.0, este fue uno de los factores que convirtió a WordPress de una plataforma de blogs en un CMS. Significaba que puede agregar cualquier contenido que desee en los menús de navegación de su sitio, incluidos enlaces personalizados. La interfaz de arrastrar y soltar significaba que cualquiera podría crear su propio menú personalizado sin habilidades de codificación. Pero a veces no quieres confiar en ello. Si desarrolla un sitio para un cliente que agregará páginas a su sitio, pero es poco probable que actualice los menús de navegación cuando tiene o no habilidades, entonces un menú de navegación automática puede ser útil.
En esta publicación, le mostraré cómo crear un menú de navegación automática que muestre todas las páginas de su sitio, con 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 en su tema o en la barra o sótano lateral, si lo desea, y dará a los usuarios enlaces que se actualizan automáticamente cuando se agrega contenido nuevo a su sitio por qué necesitará automatizar WordPress Menús de navegación para seguir esta publicación que necesitará:
Una instalación de desarrollo o prueba de WordPress con algunas páginas y subpaginas adicionales y
Un editor de código.
Todo el código está en GitHub, por lo que si permanece bloqueado, puede interrogarlo para ver qué debe hacer.
Configuración del código Agregaré este código a un complemento para que lo tenga si cambiaré mi tema en el futuro. De esta manera, puedo codificar mi función de complemento en mi tema para agregar el menú de navegación o el menú de sección en el lugar correcto. Si su tema tiene ganchos, puede usar uno o más de ellos para agregar el código. Si trabaja con un tercero que no tiene ganchos, deberá agregar código al tema. No codifique esto directamente al tema: en su lugar, cree un tema infantil y agregue su código. Simplemente haga una copia del archivo de plantilla del tema del tema principal que desea editar, agréguelo al tema del niño y edítelo. El primer paso es crear el complemento. Creo una carpeta para la mía en mi carpeta WP-Content/Plugins. Crear una carpeta significa que puedo agregar más archivos al complemento en el futuro, si lo necesito, como una hoja de estilo o incluir archivos. Primero debe agregar el código de apertura al complemento, en los comentarios, para decir WordPress qué es esto:
Se carga la idea 5D799DBD9F723A77FC6EA125B1C35318.
Ahora active su complemento. Luego, si usa un tema infantil, configure. Uso un niño del tema de veinte diecisiete años. Aquí está mi hoja de estilo:
Cargue la idea 43D6AD0777B88249198831831891
Después de haber hecho esto, si su sitio aún no tiene algunas páginas, agregue algunas. Deben tener una estructura de nivel múltiple. Aquí están mis páginas ficticias:
Ahora comencemos a agregar el código al complemento. Creación de una función para enumerar todas las páginas jerárquicamente usaremos la función wp_list_pages () para tomar todas las páginas y enumerarlas. Pero primero tenemos que definir algunos argumentos para esto. Comience por crear su función e incluir argumentos: Cargue la idea 51F327CD3394DC10F70F37046F5220E

Los argumentos son muy simples: solo hay uno para el nivel de páginas que queremos descender. La configuración en 2 significa que se mostrarán las páginas de nivel superior y sus páginas laterales, pero nada a continuación. Ahora agregemos la función wp_list_pages () después de los argumentos:
Se cargan los elementos esenciales de CE9A5471C5940AC4BA712233755C4CC8
Aquí está la función completa:
La idea de CC2D95CF6D531F80587307C245602660 está cargada.
Agregando la función al tema en este momento, la función no muestra nada en ningún lugar de mi sitio. Para cambiar esto, debemos agregar una copia del encabezado del tema principal al segundo tema y editarlo.
Comience duplicando el archivo de encabezado en el tema del niño y ábralo. En veintisiete años, el código de menú de navegación se encuentra en plantillas/navegación/navegación-top.php, lo que significa que tengo que agregar una copia de ese archivo a la misma ubicación en mi hijo, para que se llame correctamente. encabezado de archivo php. En su tema, puede ser el archivo Header.php que necesita copiar.
Dependiendo de su tema, el código de menú será diferente. En veintisiete años este es el código que tengo que reemplazar:

Cargue la idea 32F0895C18B9293B7B15E47F3D806015
Edite el código de menú de navegación para agregar una nueva función con el código existente en una instrucción de lo contrario:
Cargue la idea 2C424BAA714B94BBFA0A6844A8440FDeclariaciones condicionales es importante: Primero verifique si la función que ha agregado a su complemento está presente (es decir, si el complemento se activa) y, si, ejecute la función de esto. Si no, ejecute el menú de navegación como de costumbre.
Ahora echemos un vistazo a mi sitio:
Los enlaces aparecen, pero hay algunos problemas. No quiero decir “páginas” en la parte superior (que es predeterminada para la función wp_list_pages ()) y quiero wp_list_pages () páginas más eficientes. Verá que la página inicial está en el medio de la lista, lo cual no es ideal. Mejore la función para volver al código de complemento y cambiarlo para remediar estos problemas. Encuentre los argumentos que ya ha definido para wp_list_pages ()::
Cargue la idea E48BC295F1A3DE1262FBED2F60E8E13
Y editarlo:

Se carga la idea 52B5A8A12FC7A4447B6FA2C111BFEAC.
Esto agrega dos argumentos adicionales:
La marca antes de la lista, que ahora dice “menú” en lugar de “páginas”.
El orden en el que se muestran las páginas.
Debe volver a las pantallas de edición para sus páginas y establecer el pedido de las páginas para cada una de ellas. Dé a su página de inicio un valor de 0 y las otras páginas de nivel superior más alto que esto. Ahora, cuando vea el menú, se verá así:
También puede cambiar el orden del menú para las páginas de segundo nivel. Estos nunca se mostrarán sobre las páginas de nivel superior, por lo que puede comenzar con 0 o 1 para cada conjunto de subpagins. Es una buena idea no hacer estos números posteriores para que pueda ingresar páginas adicionales en el futuro si lo desea.
La automatización de los menús de navegación puede guardar el trabajo y reducir los errores si su sitio se basa completamente en las páginas, entonces el uso de esta técnica lo ahorrará para agregar nuevas páginas al menú cuando las cree. Si desarrolla un sitio para un cliente y no está seguro de que tenga las habilidades o la confianza para editar menús de navegación, entonces probará el sitio en el futuro y minimizará el riesgo de error. Tendrá que mostrarle al cliente cómo establecer el orden de los menús para páginas nuevas, pero no tendrá que aprender la funcionalidad de los menús. Y si no desea usar esto en el menú de navegación principal, puede usarlo en cualquier momento en su sótano o por contenido. De esta manera, los visitantes de su sitio tienen a dónde ir después de haber terminado de leer cada página.
Espero que hayas encontrado este útil tutorial. Si tiene alguna pregunta sobre cómo implementar el código en esta publicación, dígame en los comentarios a continuación.

Etiquetas:
menús
navegación