Como crear menus y submenus en wordpress

09/09/2022

Como crear menus y submenus en wordpress
Índice
  1. WordPress añadir página de submenú al menú de tipo de puesto personalizado
  2. ¿Cómo puedo crear un elemento de menú en WordPress?
  3. ¿Cómo puedo crear un menú y submenús en HTML?
    1. WordPress wp_get_nav_menu_items submenú
    2. WordPress consigue todos los menús
    3. Código del menú php de WordPress

WordPress añadir página de submenú al menú de tipo de puesto personalizado

Sus menús de WordPress son elementos importantes que también contendrán otras áreas primarias de su sitio web. Proporcionan la forma más rápida para que sus lectores encuentren su contenido y naveguen por su sitio. En consecuencia, el uso de menús mal organizados o poco manejables puede ser perjudicial para su experiencia de usuario y, a su vez, dañar su posicionamiento en los motores de búsqueda.

Afortunadamente, WordPress incluye un sistema de edición de menús que es fácil de entender para todos los usuarios. La ubicación puede variar dependiendo de su tema, aunque la mayoría de los temas de WordPress incluyen al menos una ubicación de menú.

Por ejemplo, si un lector descubre su sitio a través de un motor de búsqueda, no siempre aterrizará en su página de inicio. Para aprender más sobre su sitio desde la página en la que aterrizaron, necesitarán saber cómo explorar el resto de su contenido. Por costumbre, buscarán sus menús para hacerse una idea de qué más hay que explorar.

Igualmente importante es que el uso correcto de los menús de WordPress puede mejorar la optimización de su sitio en los motores de búsqueda (SEO). Los motores de búsqueda recompensan el contenido relevante, por lo que asegurarse de que sus menús son claros en cuanto al contenido que contienen aumentará su clasificación. Hay algunas otras maneras en que los menús pueden mejorar su SEO, tales como:

¿Cómo puedo crear un elemento de menú en WordPress?

Crear un nuevo menú en WordPress

Dentro de WordPress, navegue hasta la pantalla Apariencia > Personalizar, y luego haga clic en Menús. Si aún no tienes un menú configurado, puedes simplemente seleccionar Crear nuevo menú para empezar. Se le dará la opción de nombrar su menú y elegir dónde aparecerá.

¿Cómo puedo crear un menú y submenús en HTML?

Ejemplo explicado

Use any element to open the subnav/dropdown menu, e.g. a <button>, <a> or <p> element. Use a container element (like <div>) to create the subnav menu and add the subnav links inside it. Wrap a <div> element around the button and the <div> to position the subnav menu correctly with CSS.

WordPress wp_get_nav_menu_items submenú

Sus menús de WordPress son elementos importantes que también contendrán otras áreas primarias de su sitio web. Proporcionan la forma más rápida para que sus lectores encuentren su contenido y naveguen por su sitio. En consecuencia, el uso de menús mal organizados o poco manejables puede ser perjudicial para su experiencia de usuario y, a su vez, dañar su posicionamiento en los motores de búsqueda.

Afortunadamente, WordPress incluye un sistema de edición de menús que es fácil de entender para todos los usuarios. La ubicación puede variar dependiendo de su tema, aunque la mayoría de los temas de WordPress incluyen al menos una ubicación de menú.

Por ejemplo, si un lector descubre su sitio a través de un motor de búsqueda, no siempre aterrizará en su página de inicio. Para aprender más sobre su sitio desde la página en la que aterrizaron, necesitarán saber cómo explorar el resto de su contenido. Por costumbre, buscarán sus menús para hacerse una idea de qué más hay que explorar.

Igualmente importante es que el uso correcto de los menús de WordPress puede mejorar la optimización de su sitio en los motores de búsqueda (SEO). Los motores de búsqueda recompensan el contenido relevante, por lo que asegurarse de que sus menús son claros en cuanto al contenido que contienen aumentará su clasificación. Hay algunas otras maneras en que los menús pueden mejorar su SEO, tales como:

WordPress consigue todos los menús

Recientemente he comenzado con el desarrollo de WordPress y hasta ahora ha sido un buen paseo. Pero a veces no parece suficiente. Me encuentro con ganas de hacer más y por eso he empezado a escribir sobre el trabajo que hago.

Escribir sobre mi trabajo me ayuda de dos maneras. Canaliza mis pensamientos en perspectiva y también me da la oportunidad de contribuir a la siempre generosa comunidad de WordPress. Como escribí recientemente sobre WordPress Nonce

me he dado cuenta de que la mayoría de las veces tenemos clientes que solicitan cambios en el diseño del tema. Las solicitudes pueden incluir ajustes en el diseño, los cambios con el esquema de color utilizado y, a veces las modificaciones están relacionadas con el menú. Me tocó trabajar en uno de esos requerimientos que es la personalización del menú de navegación y de eso se trata el post de hoy.

El paso principal es registrar el menú de navegación utilizando la función register_nav_menus(). Esto necesita ser registrado en el archivo functions.php en su tema hijo y preferiblemente ejecutar en el gancho 'init'. Veamos un ejemplo

Código del menú php de WordPress

Espero que hayas disfrutado de nuestro vídeo sobre el método para añadir un logotipo del sitio y favicon del post anterior. Tengo uno nuevo para usted. Y es sobre los menús de navegación en el tema de WordPress Twenty Twenty-two.

¿Por qué es importante usted dice? Bueno, aunque lo intentes, no encontrarás la opción de menús (se supone que está en la sección de temas) fácilmente. El tema Twenty Twenty-two WordPress le ayudará en este caso.

Por ahora, te mostraré el proceso de creación del menú en la sección de cabecera (parte de la plantilla de cabecera) de la página de inicio. Puedes ver este vídeo también para hacerte una idea de todo el proceso:

Si no ves el menú de la plantilla, haz clic en el icono del engranaje en la parte superior derecha. Aquí verás la configuración de la plantilla. Observa que hay dos opciones, una para crear la plantilla y otra para editarla.

Si estás empezando (asumo que lo estás), deberías elegir crear una nueva plantilla. Sólo tienes que añadir un nombre a la "Plantilla personalizada" y hacer clic en "crear". Una vez hecho esto, tu plantilla está lista.

Subir
Esta web utiliza cookies propias para su correcto funcionamiento. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad