Cómo añadir el menú de navegación de WordPress en entradas / páginas

¿Quieres añadir un menú de navegación de WordPress a tus entradas o páginas?

Por defecto, solo puedes mostrar menús en las ubicaciones establecidas por tu tema de WordPress. Sin embargo, a veces, es posible que necesite añadir un menú a una entrada o página específica o incluso mostrar el menú dentro del contenido de una página.

En este artículo, le mostraremos cómo añadir un menú de navegación de WordPress a entradas y páginas.

¿Por qué añadir un menú de navegación de WordPress en entradas / páginas?

Un menú de navegación es una lista de enlaces que apuntan a áreas importantes de un sitio web, normalmente situados en la cabecera. Estos enlaces pueden ayudar a los visitantes a encontrar lo que buscan, mejorar la experiencia del cliente y mantener a la gente en su sitio web de WordPress durante más tiempo.

La ubicación exacta de su menú depende de su tema de WordPress. La mayoría de los temas permiten mostrar menús en varias zonas, pero a veces puede ser necesario añadir un menú de navegación a una entrada o página.

Por ejemplo, puede añadir un menú único que enlace con todos los productos mencionados en una página de ventas específica.

También puede utilizar menús para mostrar entradas relacionadas en su blog de WordPress. Al colocar este menú de navegación al final de una entrada de blog, puede animar a los lectores a comprobar más de su contenido.

Dicho esto, veamos cómo añadir un menú de navegación de WordPress a cualquier entrada o página. Simplemente utilice los enlaces rápidos a continuación para saltar directamente al método que desea utilizar:

Método 1: Usar el bloque de navegación de WordPress (mejor para páginas y entradas individuales)

La forma más sencilla de añadir un menú de navegación en WordPress a entradas y páginas es utilizando el bloque de navegación integrado. Esto le permite mostrar un menú de navegación en cualquier lugar de una página o entrada, pero debe añadir manualmente cada menú.

Este es un gran método si necesita controlar la ubicación exacta del menú en cada página. Sin embargo, puede llevar mucho tiempo y ser frustrante si quieres añadir el mismo menú de navegación a muchas páginas y entradas.

Para empezar con este método, simplemente abra la página o entrada donde desea añadir un menú de navegación de WordPress. A continuación, haga clic en el botón ‘+’ para añadir un nuevo bloque a la página.

En el mensaje / ventana emergente, escribe “Navegación”.

Cuando aparezca el bloque adecuado, haz clic en él para añadirlo a la página o entrada.

El bloque Navegación mostrará por defecto uno de sus menús.

Si desea añadir un menú diferente en lugar del menú principal, abra la pestaña “Bloque”. A continuación, seleccione la pestaña “Vista de lista”.

Aquí puede hacer clic en los tres puntos situados junto a “Menú” para ver todas las opciones de menú disponibles.

A continuación, sólo tiene que elegir el nombre del menú que desea utilizar en su lugar o crear uno nuevo.

A veces, es posible que desee personalizar el menú mediante la adición de más enlaces. Por ejemplo, si gestionas una tienda online en WooCommerce, entonces podrías enlazar a todos los productos de comercio electrónico mencionados en esa página.

Para seguir adelante y añadir enlaces personalizados al menú de navegación, haga clic en el icono “+” de la pestaña “Vista de lista”.

Se abre una ventana emergente con diferentes opciones.

Para añadir un enlace a cualquier página de tu sitio WordPress, sólo tienes que hacer clic en “Enlace de página”.

Ahora puede elegir una página del menú desplegable o empezar a escribir el título de la página. Cuando aparezca la página correcta, haga clic para añadirla al menú personalizado.

Para añadir más páginas al menú de navegación, sólo tiene que repetir el mismo proceso descrito anteriormente.

También puede añadir iconos sociales a un menú de WordPress, lo que animará a la gente a seguirle en Twitter, Facebook, YouTube, LinkedIn, etc.

Para empezar, haz clic en el icono “+” de la pestaña “Vista de lista”. Esta vez, selecciona “Iconos sociales”.

Esto añade una nueva área donde puedes añadir iconos sociales.

Para empezar, haga clic en la nueva sección “+ Haga clic en más para añadir”.

Ahora, seleccione la red de medios sociales a la que desea enlazar.

Por ejemplo, puede elegir “Twitter” para promocionar su página de Twitter en WordPress.

A continuación, deberá configurar el icono social.

Los pasos exactos variarán en función de la red social. Sin embargo, normalmente tendrás que hacer clic para seleccionar el icono y, a continuación, escribir la URL de tu perfil en los medios sociales.

Sólo tienes que repetir estos pasos para añadir más iconos sociales al menú de navegación.

Por último, puede añadir una barra de búsqueda a su menú de WordPress para ayudar a los usuarios a encontrar páginas, entradas, productos y mucho más.

WordPress tiene una característica de búsqueda integrada, pero es básica y no siempre proporciona resultados precisos. Por eso te recomendamos que utilices un plugin de búsqueda de WordPress para mejorar la búsqueda de tu sitio.

Incluso mejor, si eliges un plugin avanzado como SearchWP, entonces reemplazará la búsqueda por defecto de WordPress. Tras configurar el plugin, todos los cuadros de búsqueda de tu sitio utilizarán SearchWP automáticamente, incluidos los cuadros de búsqueda de los menús de navegación.

Tanto si utiliza la característica integrada de WordPress como un plugin avanzado como SearchWP, sólo tiene que seleccionar “Buscar” para añadir una barra de búsqueda al menú.

Cuando esté satisfecho con el contenido del menú, puede cambiar su aspecto.

Puede cambiar la estructura / disposición / diseño / plantilla del menú, incluida su alineación y orientación, seleccionando la pestaña “Ajustes”.

Después, puedes cambiar el color de fondo, el color del texto, la tipografía y mucho más seleccionando la pestaña “Estilos”.

A medida que realices cambios, la vista previa se actualizará automáticamente. Esto significa que puede probar muchos ajustes diferentes para ver qué funciona mejor para su blog de WordPress.

Hay muchos más ajustes que puede configurar, pero esto es todo lo que necesita para añadir un útil menú de navegación de WordPress a una entrada o página.

Cuando esté listo para activar el menú de navegación, haga clic en los botones “Actualizar” o “Publicar”.

Ahora, si visitas esta página o entrada, verás el menú de navegación en acción.

Método 2: Usar el editor de sitios completo (solo temas en bloque)

Si solo quieres añadir un menú de navegación a unas pocas entradas y páginas, entonces el método 1 es una gran opción. Sin embargo, tendrás que añadir cada menú manualmente, por lo que no es la mejor opción si quieres mostrar el mismo menú en todo tu sitio web.

Si utiliza un tema basado en bloques como Hestia Pro, puede añadir un menú de navegación de WordPress a la plantilla de la página o entrada.

Este menú aparecerá en todas tus páginas o entradas sin que tengas que añadirlo manualmente. Esto es perfecto si siempre quieres mostrar el mismo menú de navegación exactamente en el mismo lugar.

Para empezar, vaya a Apariencia ” Editor en el escritorio de WordPress.

Ahora aparecerán algunos menús en el panel lateral izquierdo.

Para añadir un menú de navegación a sus páginas o entradas de WordPress, haga clic en “Plantillas” en la barra lateral izquierda.

El editor mostrará ahora todas las plantillas que componen su tema de WordPress.

Para añadir un menú de navegación a las entradas de tu blog de WordPress, selecciona la plantilla “Individual”. Si quieres añadir un menú a tus páginas, selecciona la plantilla “Página”.

WordPress mostrará ahora una vista previa de la plantilla elegida.

Para editar esta plantilla, sigue adelante y haz clic en el pequeño icono del lápiz.

Una vez hecho esto, haz clic en el icono azul “+” de la esquina superior izquierda.

En la barra de búsqueda que aparece, escriba “Navegación”.

Cuando aparezca el bloque adecuado, arrástralo y suéltalo en tu plantilla.

Por defecto, el bloque mostrará uno de sus menús. Si quieres añadir otro menú, haz clic en la pestaña “Bloque”. A continuación, seleccione “Vista de lista”.

Ahora puede hacer clic en los tres puntos siguientes a “Menú” para ver todos los menús que ha creado en su sitio web de WordPress.

Sólo tiene que seleccionar cualquier menú de la lista.

Una vez hecho esto, puedes añadir más páginas al menú, añadir una barra de búsqueda y mucho más siguiendo los pasos del método 1.

Cuando esté satisfecho con el aspecto del menú de navegación, haga clic en el botón “Guardar” para activarlo. Ahora, si visitas tu sitio, verás el mismo menú de navegación en todas tus páginas o entradas de WordPress.

Para más información, puede marcar / comprobar nuestra guía completa para principiantes sobre la edición completa del sitio en WordPress.

Método 3: Crear un tema de WordPress personalizado (más personalizable)

Otra opción es crear un tema de WordPress personalizado. Este es un método más avanzado, pero te da un control total sobre dónde aparece el menú en tus entradas o páginas.

En el pasado, era necesario seguir complicados tutoriales y escribir código para crear un tema de WordPress personalizado. Sin embargo, ahora es posible crear fácilmente tus propios temas utilizando SeedProd.

SeedProd es el mejor editor de arrastrar y soltar páginas de WordPress, y los usuarios Pro y Elite también obtienen un constructor de temas avanzado. Esto le permite diseñar sus propios temas de WordPress sin escribir ningún código.

Para obtener instrucciones paso a paso, consulte nuestra guía sobre cómo crear un tema de WordPress personalizado (sin ningún código).

Después de crear un tema, puede añadir un menú de navegación a cualquier parte de su sitio web WordPress.

Sólo tienes que ir a SeedProd ” Theme Builder y encontrar la plantilla que controla la estructura / disposición / diseño / plantilla de sus entradas o páginas. Normalmente será ‘Single Post’ o ‘Single Page’.

Esto abrirá la plantilla en el editor de arrastrar y soltar de SeedProd.

En el menú de la izquierda, desplázate hasta la sección “Widgets”. Aquí, busca el bloque Menú de navegación y arrástralo a tu estructura / disposición / diseño / plantilla.

A continuación, haga clic para seleccionar el bloque Menú de navegación en la vista previa en vivo.

Ahora, abre el desplegable “Seleccionar menú” y elige el menú que quieres mostrar.

Ahora puede escribir un título opcional en el campo “Título”. Este aparecerá encima del menú de navegación de WordPress.

Para obtener una vista previa del aspecto que tendrá el menú en su sitio web, haga clic en el botón “Aplicar”.

A continuación, puede cambiar el estilo del menú haciendo clic en la pestaña “Avanzado”.

Si ha añadido un título, puede cambiar el color del texto, ajustar la tipografía y añadir más espacio entre el encabezado y los elementos del menú.

También puede cambiar el color y el tipo de letra de los elementos del menú.

Sólo tiene que utilizar los ajustes “Tipografía del texto” y “Color del texto” para realizar estos cambios.

Después, puedes cambiar el espaciado, añadir CSS personalizado e incluso animaciones CSS utilizando los ajustes de la pestaña “Avanzado”.

Cuando esté satisfecho con el aspecto del menú, siga adelante y haga clic en el botón “Guardar” de la barra de herramientas de SeedProd. A continuación, seleccione “Publicar”.

Ahora, si visita su sitio web, verá la nueva estructura / disposición / diseño / entradas en acción.

Más información sobre cómo personalizar el menú de navegación

¿Quieres llevar tu menú de navegación al siguiente nivel? Aquí tienes algunas guías de expertos que puedes leer para personalizar tu menú de navegación:

• Cómo añadir una tecla de navegación en WordPress
• Cómo crear un menú de navegación vertical en WordPress
• Cómo enlazar migas de pan en WordPress
• Cómo crear un menú de navegación flotante fijo en WordPress
• Cómo crear un menú de WordPress adaptable a dispositivos móviles
• Cómo crear un menú desplegable en WordPress (Guía para principiantes)

Esperamos que este artículo te haya ayudado a aprender cómo añadir un menú de navegación de WordPress a entradas y páginas. También puede marcar / comprobar nuestra guía sobre cómo crear una página de destino con WordPress o ver nuestras selecciones de expertos para los plugins de WordPress imprescindibles.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.