Skip to main content

2.9.2. Menús - versión nueva

Acceso en: Menú > Apariencia > MenúsEditor (beta)

¡Atención!Desde AlgunosWordpress 6.0. es la forma recomendada, si bien hay temas nuevosque proporcionan el acceso desde Menú->Apariencia->Menú

menu-apariencia-wordpress-com.png

Pulsamos en Editor (beta) y nos permitirá cambiar tanto las páginas del sitio como las plantillas del mismo como la cabecera (header) o el pie de Wordpresspágina no(footer) incluyenque laes secciócomún Menús.a Sitodas noellas. lo

ves

Debemos añadir un elemento de tipo bloque de navegación (similar a cuando anteriormente añadíamos una entrada a nuestra web, usando también este editor). Lo más habitual es hacerlo en la ruta especificada, no te vuelvas loca buscándolo, simplemente no tiene esa opción. Tienes dos opciones:
- Instalar otro tema que sí tenga menús.
- Instalar un plugincabecera de menú. Aquí puedes consultar algunos plugins de menú: https://kinsta.com/es/blog/plugins-de-menu-de-wordpress/

Es muy interesante tener al menos un menú en el Wordpress. Se podrían clasificar las entradas por fecha, categoría, etiquetas, o utilizando Widgets que muestren entradas por categorías u otros criterios, etc. Pero un menú siempre será de gran utilidad para facilitar la navegación por el sitio web. Una vez se accede a la páginagina, dearrastrando configuraciónel decomponente menús, endesde la zonaparte izquierda, se selecciona y añade el ítem deseado a añadir en el menú. En la siguiente captura,como se have seleccionado y añadido al menú la página "Dónde estamos".

Una vez que se han añadido los ítems que se deseen al menú, se pueden reordenar, simplemente arrastrándolos arriba o abajo, y también izquierda o derecha. Los ítems que estén alineados a la izquierda del todo (en la imagen sonsiguiente:

"El

bloque-navegacion.png

centro"

Posteriormente y "Departamentos") serán losañadiremos elementos del primer nivel delal menú. Aquellos ítems que estén tabulados debajo de otros ítems serán los sub-elementos del menú. De esta forma,pulsando el menúbotón puede+. estarSi compuestoqueremos con submenús enopciones, varios niveles de profundidad. Sin embargo, como la sencillez es garantía de éxito, para mantener la sencillez enpulsando el menú del Wordpress, conviene tener menús con sólo dos niveles de profundidad, es decir, con elementos del menú alineados totalmente a la izquierda, y con sub-elementos del menú desplazados una posición hacia la derecha. Un ejemplo sería tal cual se muestra en la siguiente imagen.

Se puede "configurar" cada ítem del menú haciendo clic en la flecha que tienen a la derecha y se puede cambiar el nombre con el que se mostrarán.

Nota: Si no aparece la opcióbotón de añadirlos Etiquetas3 alpuntos menú,verticales, habrápodemos quepor activarejemplo "Opcionesdefinir diferentes visualizaciones de pantallanuestro -> Etiquetas":

TRUCO:menú en "Opciones de pantalla" activa la casilla "Destino del enlace" y luego en la configuración de cada ítem del menú podrás configurar que al hacer clic en el ítem del menú, se abra en una nueva pestaña.

Por último, al guardar el menú, activar la opción "Menú superior" para que Wordpress lo añada como menú superior principal del sitio web.

EJERCICIO: Crea un menú, llámalo "MENU PRINCIPAL", con la siguiente estructura en dos niveles:

El centro

  • Quiénes somos
  • Dónde estamos
  • Documentos internos
  • Zona privada

Información

  • Categoría "Dirección"
  • Etiqueta "Noticias"

Otras webs

  • www.educaragon.org
  • www.catedu.es

TRUCOS PARA REALIZAR EL EJERCICIO:

Para añadir los ítem del menú de primer nivel, que sean texto sin enlace, añadir un "Enlace personalizado" de la siguiente forma:

  • URL = #
  • Texto del enlace = Información

Las páginas "Pendientes de publicar", en "Borrador" no aparecerán para ser añadidas en el menú hasta que cambien al estado Publicadas, y las "Privadas" tampoco aparecerán por tanto:

  • Habrá que esperar a la fecha programada para que se publique la entrada "Quiénes somos", o cambiarle la fecha de publicación a una fecha y hora pasada.
  • Habrá que terminar de editar la página de "Dónde estamos". Una buena idea es incrustar una dirección de Google Maps. ¡Observar la diferencia entre el editor visual y el editor HTML! Termina de Publicar la página y ahora ya se podrá añadir la página al menú.
  • Para enlazar la página "Documentos internos" configurada con visibilidad "Privada" se puede poner un "Enlace personalizado" de la siguiente forma:

1º en la edición de la Página, botón derecho del ratón en el "Enlace permanente" - Copiar dirección de enlace2º en la edición del Menú, crea un ítem de tipo "Enlace personalizado"movil y en la zona donde escribir la URL, borra lo que haya escrito, y luego Botón derecho del ratón -> Pegar.PC.

 

Añadir-elementos.png