Información Adicional

No existe información adicional para este video tutorial.

Transcripción

Después del contenido, la navegación es la segunda cosa en la que debemos concentrarnos al crear cualquier sitio web

Y particularmente cuando usamos Wordpress

Cuando instalas Wordpress, y por defecto, la única navegación que tenemos en el sitio web es

Un link hacia nuestra página de inicio, que usualmente se encuentra en la imagen de cabecera o en el título del sitio web

Y un link hacia cada una de las páginas que creaste para tu sitio web

En nuestro caso, tenemos un link hacia las páginas que hemos creado en este curso

Pero mientras vamos añadiendo cada vez más contenido a nuestro sitio web

Será necesario enfocarnos en crear un mejor menú de navegación que cumpla con nuestras necesidades

O con como deseamos configurar la navegación de nuestro sitio web

Dependiendo de la plantilla que te encuentras usando, tu puede añadir menús en diferentes lugares

Siempre existe un menú principal, que se muestra normalmente en la parte superior de nuestro sitio web

Pero también podríamos tener menús extras en los lados o en el pie de página

Así que vamos a ver cómo crear menús personalizados

Para ellos podemos ir a la barra de herramientas y seleccionar menús

O podemos ir a nuestro panel de control y en apariencia seleccionar menús

Y desde este panel podemos crear menús y también asignarlos a diferentes partes de nuestro sitio web

Lo primero que vamos a hacer es crear nuestro menú principal

Así que vamos a darle el nombre de menú principal arriba, como referencia

Y daremos clic en el botón para crear el menú

Ahora tenemos la capacidad de añadir elementos a nuestro menú

Tenemos todos los elementos que podemos añadir a nuestro menú en el lado izquierdo

Puedes ver que tenemos páginas, enlaces y categorías

Y a nuestra derecha tenemos las opciones para este menú y también podemos definir el orden que tendrán los diferentes elementos de nuestro menú

En nuestro caso vamos a crear el menú principal desde aquí así que vamos a añadir todos los elementos que deseamos que aparezcan en nuestro menú principal

Primero voy a añadir mis páginas y dar clic en añadir al menú

Como puedes ver los elementos se van ordenando verticalmente,

Y ahora vamos a añadir la página de inicio

Y si damos clic en ver todo, podremos ver el elemento llamado inicio

Así que lo seleccionamos y lo añadimos también

Y también podemos añadir otras cosas además de páginas como por ejemplo categorías

En este caso vamos a añadir la categoría de deportes

La seleccionamos y damos clic en añadir al menú

Si deseas tener más opciones para añadir, podemos ir a las opciones de pantalla

Y desde aquí podemos seleccionar si deseamos añadir también, etiquetas, formatos o incluso artículos directamente en el menú

Pero no vamos a añadir ese tipo de elementos en este momento así que vamos a desmarcarlos nuevamente

Demos un vistazo al menú que acabamos de crear

Aquí tenemos un link hacia nuestra página principal

Hacia sobre nosotros, instalaciones, equipo de trabajo y hacia la categoría deportes

Pero el orden es incorrecto

Ya que deseo tener primero el botón de inicio, luego el link hacia la categoría deportes, luego deseo mostrar el botón de sobre nosotros

Y los link de instalaciones y de equipo de trabajo aparezcan debajo del link de sobre nosotros

Para ordenarlo, podemos simplemente agarrar y soltar los elementos dentro de nuestro menú

Así que agarramos el link de la categoría deportes y lo subimos para que aparezca debajo de inicio

Y ahora tomamos el link de instalaciones y lo movemos hacia el lado derecho, de esta forma este elemento quedará bajo el que se encuentre arriba, que en este caso es sobre nosotros

Y hacemos lo mismo con equipo de trabajo

También podríamos hacer este proceso manualmente desde las opciones de los elementos del menú

Para ello podemos dar clic sobre la flechita que tiene al final

Y esto abre las opciones de este elemento

Desde aquí podemos ver que tenemos la opción de mover uno hacia arriba, uno hacia abajo, detrás de inicio, o a la parte superior

De modo que puedes usar estas opciones para mover los elementos de tu menú hacia arriba o abajo en tu menú

Puedes ver que también es posible cambiar la etiqueta de navegación

Que es el texto que se mostrará en el botón de este elemento dentro de nuestro menú

También podríamos añadir un título a este enlace

Esto podría ser útil, cuando tenemos términos no muy comunes en nuestros menús

De modo que podemos añadir una pequeñísima explicación de lo que trata este menú

Pero ten encuentra de que si las personas colocan el mouse sobre este elemento del menú

Ellos podrán ver el título del enlace y esto puede ser molesto para muchos visitantes

Así que a menos que sea realmente necesario, no te recomendaría añadir el título al elemento del menú

También vemos una instrucción que dice original

Lo que nos muestra es hacia donde se encuentra enlazado este elemento del menú

Esto es por si hemos cambiado la etiqueta del menú y nos hemos olvidado de hacia donde era que este menú apuntaba

Y podemos eliminar el menú o cancelar los cambios que hemos realizado

Si estamos satisfechos con los cambios que hemos realizado en nuestro menú

Podemos dar clic sobre guardar menú

Y regresar al área publica de nuestro sitio web

Y veremos que nada ha cambiado

Y eso es debido a que necesitamos asignar nuestro menú hacia nuestro sitio web

Si regresamos a la edición de nuestro menú, podremos ver que en la parte de abajo

Tenemos dos opciones para asignar este menú en nuestro sitio web

Tenemos menú principal superior y menú secundario de la barra superior izquierda

Así que si seleccionamos menú principal superior y guardamos los cambios

Y vamos a nuestro sitio web, recargamos y podremos ver que ahora tenemos el menú que hemos creado en la parte superior

Que es el lugar del menú principal en esta plantilla

Si deseamos que aparezca en una posición diferente

Podemos regresar a la edición y cambiarlo por ejemplo al menú secundario del lado izquierdo

Guardamos los cambios nuevamente

Recargamos nuestro sitio web

Y ahora puedes ver que el menú aparece en la barra lateral izquierda de nuestro sitio web

Pero debido a que hemos decidido mostrar este menú en la barra izquierda, podemos ver que tenemos el menú superior que Wordpress crear por defecto

Esto significa que por ejemplo, si deseamos mostrar nuestro menú en la barra lateral, y no deseamos que Wordpress muestre el menú que crea por defecto

En ese caso, deberemos usar un pequeño truco

Vamos a regresar a nuestro panel de control

Y en la administración de menús, vamos a crear un nuevo menú

Damos clic en crear un nuevo menú

Le llamaremos menú lateral, vamos a dejarlo vacío, y lo asignaremos al menú principal

Guardamos los cambios, regresamos a nuestro sitio web, recargamos

Y ahora puedes ver que únicamente tenemos el menú lateral y el área del menú principal se encuentra vacía

Pero esto desde nuestro punto de vista podría ser un poco confuso para los visitantes

Así que vamos a regresarlo como estaba

Vamos a asignar este menú hacia nuestra barra lateral izquierda

Y añadiremos algunas opciones, vamos a colocar links

Los links o enlaces, pueden ser hacia otro sitio web, o pueden ser hacia nuestro propio sitio web

Así que vamos a crear un link hacia lievanosan.com

Para añadirlo, simplemente daremos clic en añadir al menú

Y también vamos a crear un link hacia el perfil de YouTube de lievanosan.com

Y un último link hacia nuestros planes de Hosting

Y ahora vamos a guardar los cambios

Con esto ya tendríamos nuestro menú colocado en la barra lateral izquierda

Pero aún debemos cambiar la localización del menú principal

Para ello vamos a dar clic en gestionar lugares

Y desde aquí puedo organizar las posiciones en las que se muestran mis menús

Guardamos los cambios y regresamos a nuestro sitio web, recargamos

Y ahora podremos ver que tenemos nuestro menú principal y nuestro menú lateral izquierdo

El personalizador de menús es una gran herramienta

Y te permite crear tantos menús como desees

Podemos crear menús adicionales y podemos colocarlos donde nosotros deseemos

En nuestras barras laterales o en el pie de pagina.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¿Quieres aprender a crear sitios web?

Regístrate gratis como estudiante y aprende a crear sitios web sorprendentes. Gana certificados y medallas al completar los cursos gratuitos.
¡REGÍSTRATE GRATIS!
close-link
Crea tu sitio web con diseño profesional en menos de 15 minutos
Ver Tutorial
close-image