Hoy conoceremos cómo crear un menú de navegación en WordPress, un elemento fundamental con el que lo usuarios pueden acceder a las distintas páginas de un sitio web.
Para crear un menú de navegación, primero debemos pasar el puntero del ratón sobre el menú Apariencia de la barra lateral del panel de administración de WordPress, y en el desplegable pulsar sobre “Menús”.
A continuación se cargará el gestor de menús de WordPress. Aquí podemos ver dos pestañas: “Editar menús” que es la que se carga por defecto, y “Gestionar ubicaciones” desde la que podemos definir donde queremos que se muestren los menús, basándonos en las distintas ubicaciones predeterminadas del tema que tenemos instalado.
Además, debajo de estas pestañas tenemos un bloque que se utiliza para para editar cualquier menú que hayamos creado previamente. Para esto, solamente debemos pulsar sobre la lista desplegable y luego presionar sobre el botón “Seleccionar”.
Asimismo, si queremos crear un menú, simplemente debemos pulsar sobre el enlace “Crear un nuevo menú”.
Pero también, debajo de este bloque tenemos dos columnas.:
En la columna del lado izquierdo se muestran varias pestañas con todos los elementos que podemos agregar a un menú, tales como páginas estáticas, entradas, enlaces personalizados, categorías, formato y etiquetas. Es decir, que si por ejemplo queremos crear un menú de navegación basado en las diferentes categorías que tengamos en nuestro sitio, solamente debemos pulsar sobre la pestaña “Categorías” y dentro de la misma se desplegarán todas las categorías que deseamos agregar al menú. Lo mismo para el resto de los elementos.
Por su parte, la columna del lado derecho muestra los elementos que agregamos al menú de navegación.
El siguiente paso para crear un menú de navegación en WordPress es asignarle un nombre. Para esto, lo escribimos en el campo “Nombre del menú” y luego presionamos sobre el botón “Crear menú”.
Una vez se ha creado nuestro menú, lo siguiente será definir la ubicación donde queremos que se muestre. Esto lo hacemos seleccionando una ubicación del bloque “Ajustes del menú”. Debes tener en cuenta que las ubicaciones dependerán del tema que tenemos instalado.
Lo siguiente que debemos hacer es agregar los elementos del menú. Para esto, debemos seleccionar de la columna del lado izquierdo el tipo de elemento que deseamos añadir al menú. Por ejemplo, si queremos añadir páginas estáticas debemos pulsar sobre la pestaña “Páginas”, y del listado seleccionamos todas las páginas que deseamos agregar al menú, y luego presionamos sobre el botón “Añadir al menú”.
Fíjate que ahora en la columna del lado derecho se muestran todos los elementos que hemos agregado al menú.
Si queremos cambiar el orden o posición como se muestran estos elementos del menú, solamente debemos presionar sobre el elemento que nos interesa y sin soltar el puntero del ratón, lo arrastramos hasta la posición u orden deseado.
Submenús
Si queremos, podemos crear submenús de una forma rápida y sencilla con solamente presionar sobre el elemento que nos interesa, arrastrarlo y soltarlo dentro de otro elemento del menú.
Eliminar menú
Asimismo, si queremos eliminar algún elemento del menú debemos pulsar sobre la flecha de la derecha de cualquier elemento de menú para que se muestren los ajustes adicionales, como por ejemplo, cambiar el nombre del elemento, desactivar enlace, etc. Fíjate que en la esquina superior izquierda tenemos un enlace de color rojo denominado como “Eliminar”. Si pulsamos sobre el mismo el menú dejará de mostrarse en la columna del lado derecho.
Por último, si ya hemos terminado de añadir, editar o eliminar elementos del menú, debemos guardar los cambios realizados al presionar sobre el botón “Guardar menú”.
Inicialmente me formé como Técnico en Anális y Diseño de sistemas. Luego ingresé a la escuela de negocios, hice una licenciatura en Administración y obtuve una especialización (Post-grado) en Alta Dirección Empresarial. Desde el año 2007 me dedico a la creación de sitios web, lo cual combino con la consultoría y la capacitación de tecnologías de Internet.
- TypeScript vs. JavaScript: ¿Cuál es mejor para tus proyectos? - octubre 31, 2024
- Optimización de imágenes: clave para un diseño web eficiente - septiembre 28, 2024
- Objetos en JavaScript - septiembre 21, 2024
