¿Cómo agrego un widget de menú de navegación a WordPress? - Aprendermarketing.es/ - Aprender Marketing
WordPress

¿Cómo agrego un widget de menú de navegación a WordPress? – Aprendermarketing.es/

El panel de administración de WordPress contiene muchas configuraciones para personalizar su sitio web. Sin embargo, la mayoría de los propietarios de sitios web confían en las opciones de tema o en el panel de configuración del personalizador y se olvidan de usar las opciones predeterminadas. Cuando se habla de menús, puede considerar agregarlo a una sección de encabezado o pie de página. WordPress también ofrece widgets de menú de navegación que muchas personas desconocen. En este artículo, explicaremos cómo agregar un widget de menú de navegación a su sitio de WordPress. Además, cubriremos el bloque de «navegación» en el editor Gutenberg, introducido en WordPress 5.9, como parte de una versión completa del sitio.

conectado: Aprenda a optimizar la navegación de su sitio web para los motores de búsqueda.

El menú de navegación es uno de los widgets que vienen con la instalación predeterminada de WordPress. A diferencia de otros widgets que pueden agregar contenido directo, primero debe crear un menú para mostrar en el widget del menú de navegación. Puede mostrar los gadgets del menú de navegación en las barras laterales, encabezados y pies de página, y en cualquier otra área que admita su tema.

Ahora viene la confusión, cuál es la diferencia entre el menú de navegación y el menú normal. Aquí está la respuesta: el menú de navegación es un widget y necesita un elemento de menú para aparecer en el gadget. Puede crear enlaces de visualización personalizados en el gadget del menú de navegación o usar el mismo menú de encabezado/pie de página. Como se mencionó anteriormente, puede insertar widgets en todas las áreas compatibles con el tema.

  • Puede mostrar una lista de artículos favoritos útiles y mostrarlos en la barra lateral.
  • Muestra enlaces de gadgets útiles en el pie de página.

Otra confusión es que puede usar texto o HTML personalizado para mostrar una lista de enlaces en la barra lateral y áreas de gadgets en el pie de página. Si este es el caso, es posible que se pregunte en qué se diferencia el gadget del menú de navegación de estos gadgets.

  • Puede usar una lista de menús en el encabezado como menú principal o una lista de menús en la barra lateral/pie de página como widget de menú de navegación. No puede utilizar widgets de texto/HTML personalizados como menús de encabezado o pie de página.
  • Los desarrolladores de temas pueden personalizar el aspecto de los widgets para que el menú de navegación de la barra lateral se vea más hermoso que una simple lista. Si usa widgets HTML personalizados, debe personalizar el aspecto con su propio CSS personalizado.
  • Por lo general, puede ver la página visualizada actualmente resaltada en el menú de navegación (esto también depende de su tema). Esto lo ayudará a crear documentación y tutoriales para recopilar artículos relacionados.

En conclusión, el uso de widgets en el menú de navegación depende completamente del estilo de tu tema. De lo contrario, probablemente no notará la diferencia entre los menús de navegación y los widgets de texto/HTML personalizados.

Después de iniciar sesión en su panel de administración de WordPress, vaya a la sección «Apariencia> Menú». Haga clic en el enlace Crear un nuevo menú.

Crear menús en WordPress

Asigne un nombre a su menú y haga clic en el botón Crear menú.

crear un menú
crear un menú

Agregue el enlace a su menú y haga clic en Guardar menú cuando haya terminado con los elementos de la lista.

Agregar un enlace al menú
Agregar un enlace al menú

¡eso es todo! !! !! Ya ha creado un elemento de menú de navegación, que es similar a crear un elemento de menú normal de WordPress.

Haga clic en la pestaña Administración de ubicaciones para ver todos los elementos de menú compatibles con su tema. El tema predeterminado 221 proporciona ubicaciones primarias y secundarias. Puede hacer clic en el menú desplegable y seleccionar el menú de navegación que se mostrará aquí.

Agregar un menú al encabezado
Agregar un menú al encabezado

Muchos otros temas brindan varias ubicaciones de menú y puede establecer el menú de navegación en cualquiera de las ubicaciones admitidas.

Ubicaciones de menú admitidas en temas
Ubicaciones de menú admitidas en temas

conectado: ¿Cómo agrego un widget adhesivo flotante a la barra lateral de WordPress?

Los temas predeterminados de WordPress (por ejemplo, 222) no proporcionan barras laterales. En este caso, el widget en el menú de navegación es inútil. Sin embargo, cuando su tema admite barras laterales, puede agregar un widget de menú de navegación a la barra lateral.

  • Ve a la sección Apariencia > Gadgets.
  • Si está utilizando el área de widgets clásica antigua, arrastre y suelte el widget de navegación para barra lateral
Widget de menú de navegación
Widget de menú de navegación
  • Introduzca un título y seleccione un nombre para el menú de navegación.
seleccione un menú de navegación
seleccione un menú de navegación
  • Guarde sus cambios.
  • Vea su sitio en vivo para ver el gadget del menú de navegación en acción.
Menú de navegación del gadget de la barra lateral
Menú de navegación del gadget de la barra lateral

Al igual que la barra lateral, puede arrastrar y soltar el widget del menú de navegación en el área del pie de página.

Seleccione el menú de navegación del pie de página
Seleccione el menú de navegación del pie de página

Veintiún temas de WordPress se verán así por defecto.

Aspecto del gadget del menú de navegación en el pie de página
Aspecto del gadget del menú de navegación en el pie de página

La captura de pantalla anterior muestra el clásico editor de gadgets con arrastrar y soltar. Sin embargo, tendrá el editor de bloques de widgets de Gutenberg para WordPress versión 5.8. Debido a que el menú de navegación es un bloque en Gutenberg, puede insertarlo en la barra lateral o en el pie de página como cualquier otro bloque.

Insertar un menú de navegación en el área de widgets
Insertar un menú de navegación en el área de widgets

El bloque se verá así, puede ingresar el título del widget y seleccionar un menú de la lista de elementos de menú creada anteriormente. Los elementos del submenú también se pueden mostrar en modo colapsado o extendido.

Bloque con gadgets para el menú de navegación
Bloque con gadgets para el menú de navegación

La apariencia del gadget del menú de navegación depende del estilo de su tema. Los temas simples como GeneratePress y Astra no proporcionan estilos de widgets. En este caso, es posible que deba agregar CSS personalizado usted mismo. Sin embargo, muchos temas comerciales ofrecen estilos personalizados para los gadgets de la barra lateral. Esto lo ayudará a mostrar los elementos del menú de navegación que se destacan del contenido principal. A continuación se muestra un ejemplo de un tema de gama alta que muestra un gadget de menú de navegación de la barra lateral en un campo, con cada elemento separado por un borde.

Menú de navegación de la barra lateral
Menú de navegación de la barra lateral

Bloque de navegación de WordPress

Además del menú de navegación, WordPress introdujo el bloque de navegación en la versión 5.9. Esto puede confundir fácilmente a los usuarios, ya que el menú de navegación solo está disponible en el área de gadgets y el bloque de navegación solo está disponible en el editor de contenido. Los bloques de navegación lo ayudan a agregar todos los elementos de menú creados previamente como widgets de contenido. Puede personalizar la alineación, la orientación y el tamaño del texto para que se ajuste a la parte de la lista de enlaces de menú en el área de contenido.

Bloques de navegación y configuraciones
Bloques de navegación y configuraciones

A continuación se muestra un bloque de navegación, agrupado y mostrado por color de fondo, si su tema tiene estilos personalizados para ese bloque, puede verse diferente.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Botón volver arriba