Resumen: Cómo editar la barra de navegación de WordPress (2 métodos)
Puedes editar la barra de navegación de WordPress usando SeedProd para un control visual completo, o el editor de menús integrado de WordPress para cambios rápidos.
Así es como funciona cada método.
- Elige tu método: SeedProd para control de diseño y menús desplegables; Apariencia > Menús para ediciones rápidas con tu tema existente.
- Instala SeedProd (Método 1): Descarga desde tu cuenta, activa y verifica tu clave de licencia en SeedProd > Ajustes.
- Edita tu encabezado: Abre el Creador de Temas, elige una plantilla y luego haz clic en Editar Diseño en el Encabezado para acceder al bloque de Menú de Navegación.
- Añade enlaces o un botón: Usa el Menú Simple para enlaces rápidos, la opción Menú de WordPress para menús existentes, o arrastra un bloque de Botón para una llamada a la acción.
- Publica o guarda: Activa Habilitar Tema de SeedProd (Método 1) o haz clic en Guardar Menú en Apariencia > Menús (Método 2).
Tu barra de navegación te parece bien, pero los visitantes siguen llegando a las páginas incorrectas o se rinden y se van.
Los enlaces están ahí, pero no apuntan a donde deberían. El diseño se siente extraño. O acabas de lanzar una nueva página de servicio y no puedes averiguar dónde añadirla sin romper todo el diseño.
He estado creando sitios de WordPress durante más de 13 años, y la barra de navegación es una de esas cosas que suenan simples hasta que intentas cambiarla. En esta guía, te mostraré dos formas de editar tu menú de navegación de WordPress: una usando SeedProd para un control visual completo y otra usando el editor de menús integrado de WordPress para actualizaciones rápidas.
¿Cómo edito mi barra de navegación de WordPress?
Puedes editar tu barra de navegación de WordPress con un creador de sitios web de arrastrar y soltar como SeedProd, o con el editor de menús de WordPress integrado en Apariencia » Menús. Ambos funcionan para principiantes, pero te dan diferentes niveles de control.
| Característica | SeedProd | Editor integrado |
|---|---|---|
| Edición visual de arrastrar y soltar | Sí | No |
| Soporte para menús desplegables (submenús) | Sí (a través de la opción Menú de WordPress) | Sí |
| Navegación móvil | Sí | Depende del tema |
| Se requiere CSS para el estilo | No | A menudo sí |
| Gratis de usar | De pago (Pro) | Sí (integrado) |
| Funciona con cualquier tema | Reemplaza el tema | Sí |
Método 1. Cómo editar la barra de navegación en WordPress con SeedProd
SeedProd es un creador de sitios web de arrastrar y soltar para WordPress que te da control visual completo sobre tu barra de navegación sin tocar código. Ves cada cambio en vivo mientras lo haces. Las fuentes, los colores, los enlaces del menú, los botones y el diseño se ajustan en tiempo real.
Con SeedProd, puedes crear temas personalizados de WordPress, construir páginas de destino y editar elementos de todo el sitio como cabeceras y menús en un solo lugar. El bloque Nav Menu facilita apuntar, hacer clic y editar tu barra de navegación visualmente.
Además de los menús, SeedProd también te ayuda a:
- Crear una página de "Próximamente"
- Habilitar el modo de mantenimiento
- Crear páginas personalizadas de error 404 y de inicio de sesión
- Incrustar contenido de redes sociales
- Diseñar tiendas WooCommerce
Paso 1. Instala el plugin SeedProd
Para editar tu barra de navegación de WordPress con SeedProd, primero instala y activa el plugin. Ve a la página de precios de SeedProd, elige un plan y descarga el plugin desde el panel de tu cuenta.
A continuación, sube el plugin a tu sitio de WordPress y haz clic en Activar. Luego, ve a SeedProd » Ajustes, pega tu clave de licencia y haz clic en Verificar clave para desbloquear la función Theme Builder.
Ahora ve a SeedProd » Theme Builder en tu panel de WordPress para empezar a crear tu tema y menú de navegación personalizados.
Nota: Si no quieres reemplazar tu tema, aún puedes editar una barra de navegación en SeedProd creando una página de destino y personalizando su encabezado.
Paso 2. Elegir una plantilla de tema de WordPress
La forma más rápida de configurar tu barra de navegación en SeedProd es empezar con una plantilla de tema de WordPress prefabricada. Cada plantilla incluye todas las partes de un sitio (encabezado, pie de página, página de inicio y blog), por lo que solo necesitas personalizar el diseño.
Desde el panel del Theme Builder, haz clic en Temas para abrir la galería de plantillas. Puedes previsualizar diseños en una nueva pestaña y elegir uno que se ajuste a tu negocio.
Para este tutorial usaremos el tema Mantenimiento de Coches, pero puedes elegir cualquier plantilla. Haz clic en la marca de verificación naranja para importarla en tu sitio.
Una vez importado, SeedProd crea automáticamente la estructura de tu sitio, incluyendo el encabezado, el pie de página y las páginas del blog. Ahora puedes abrir cualquier parte en el editor de arrastrar y soltar para empezar a personalizar.
Paso 3. Personalizar la parte de la plantilla de la cabecera
Tu barra de navegación se encuentra dentro de la plantilla del encabezado. Los temas predefinidos de SeedProd suelen añadir una automáticamente, así que todo lo que necesitas hacer es abrir el encabezado y personalizarlo.
Para editar tu encabezado, pasa el ratón por encima de la plantilla de Encabezado en el Theme Builder y haz clic en Editar diseño. Esto abre el editor de arrastrar y soltar en vivo.
Haz clic en cualquier elemento de la vista previa para editarlo. El panel de ajustes aparece a la izquierda, donde puedes cambiar el texto, el estilo y la funcionalidad.
Por ejemplo, haz clic en el bloque del logo para eliminar el logo de marcador de posición y subir el tuyo desde la biblioteca de medios de WordPress.
También puedes arrastrar nuevos bloques, como iconos de redes sociales, una barra de búsqueda o botones personalizados, al encabezado para expandir tu barra de navegación.
Con los elementos básicos del encabezado cubiertos, estás listo para editar el menú de navegación en sí en el siguiente paso.
Paso 4. Editar tu barra de navegación de WordPress
SeedProd utiliza un bloque de Menú de Navegación para mostrar la navegación de tu sitio. Este bloque te ofrece dos formas de gestionar menús: una opción sencilla para enlaces rápidos o una opción de Menú de WordPress para un control avanzado.
Opción 1: Menú Sencillo
Añade enlaces directamente dentro del constructor a cualquier página, publicación, categoría, etiqueta o URL externa. Es rápido de configurar pero no admite menús desplegables ni menús de WordPress existentes.
Puedes estilizar el menú Sencillo con opciones de alineación, tamaño de fuente, espaciado y divisores. En la pestaña Avanzado, cambia entre diseños horizontales o verticales y ajusta la tipografía, los colores y los bordes.
Opción 2: Menú de WordPress
Selecciona un menú que ya hayas creado en el editor de menús de WordPress desde el desplegable. Esta opción admite la navegación móvil y hereda la flexibilidad de la configuración integrada de WordPress Apariencia » Menús.
También verás un enlace rápido a la página del menú predeterminado de WordPress, donde puedes ajustar tu diseño. Al igual que con el menú Simple, la pestaña Avanzado te permite personalizar fuentes, colores, sombras, visibilidad por dispositivo y más.
Cómo añadir un botón de menú en WordPress
Un botón de menú es una excelente manera de resaltar acciones como "Registrarse" o "Empezar". En SeedProd, puedes añadir uno con el bloque Botón.
Desde la barra lateral izquierda, arrastra el bloque Botón a tu encabezado. Luego, personaliza el texto de la llamada a la acción, el enlace y el estilo directamente en el panel de configuración.
Consejo profesional: Elimina cualquier elemento que no necesites pasando el cursor sobre él y haciendo clic en el icono de la papelera.
Cuando tu menú tenga el aspecto deseado, haz clic en Guardar en la esquina superior derecha y cierra el editor para volver al panel del Theme Builder.
Puedes repetir este mismo proceso para personalizar otras partes de tu tema de WordPress.
Consejo de conversión: Tu barra de navegación no tiene por qué ser solo enlaces. Añadir un botón "Pedir presupuesto" o "Reservar demo" que enlace a una página de destino dedicada convierte tu encabezado en una herramienta de conversión. He visto sitios duplicar sus envíos de formularios de contacto solo por hacer visible esa llamada a la acción en cada página.
Paso 5. Publica tu tema personalizado de WordPress
Después de editar tu menú de WordPress y las plantillas de encabezado, estás listo para aplicar los cambios. Busca el interruptor Activar tema SeedProd en la página Theme Builder y ponlo en la posición "Activado".
Ahora ve a tu página de inicio para ver tu nuevo menú de navegación personalizado en vivo en tu sitio.
Método 2. ¿Cómo edito mi menú de WordPress sin un plugin?
Si quieres mantener tu tema actual, el editor de menús de WordPress está integrado directamente en tu panel. No necesitas ningún plugin adicional, aunque tus opciones de estilo dependen de tu tema.
Importante: Este método solo funciona para temas clásicos. Si no ves Apariencia » Menús en tu panel, es probable que tu sitio esté ejecutando un tema de bloques (como Twenty Twenty-Four). Los usuarios de temas de bloques deberían ir a Apariencia » Editor y buscar la sección Navegación en su lugar.
Paso 1. Ve a Apariencia » Menús
En tu panel de WordPress, ve a Apariencia » Menús. Si ya tienes un menú, selecciónalo del desplegable en la parte superior. Si no, escribe un nombre para tu nuevo menú del sitio y haz clic en Crear menú.
Paso 2. Añade elementos a tu menú de navegación
Para añadir nuevos elementos, selecciona páginas del panel izquierdo y haz clic en Añadir al menú. También puedes incluir publicaciones, categorías, enlaces personalizados o etiquetas expandiendo sus secciones.
Paso 3. Reordena tus elementos del menú
Después de agregar elementos, arrástralos y suéltalos en el orden que desees. Los elementos en la parte superior de la lista aparecen primero en tu menú de encabezado. Haz clic en Guardar menú después de reordenar para conservar tus cambios.
Paso 4. Crea elementos de menú desplegable (submenú)
Para crear un menú desplegable en tu menú de navegación, arrastra un elemento del menú ligeramente hacia la derecha, debajo de otro elemento. Se indentará; así es como WordPress lo reconoce como un submenú. El elemento principal se convierte en el enlace de nivel superior y el elemento indentado aparece en el menú desplegable cuando un visitante pasa el ratón sobre él.
Paso 5. Elimina elementos del menú
Para eliminar un elemento, haz clic en la flecha junto a él para expandir su configuración, luego haz clic en Eliminar. Esto lo elimina del menú de navegación sin borrar la página de tu sitio.
Paso 6. Establece una ubicación de visualización y guarda
Elige dónde se muestra tu menú de encabezado en Configuración del menú > Ubicación de visualización. Las opciones varían según el tema y pueden incluir:
- Menú principal
- Menú secundario
- Menú fuera de pantalla
- Menú de cuenta de usuario
- Menú del pie de página
Haz clic en Guardar menú cuando hayas terminado, luego previsualiza tu sitio para ver la barra de navegación actualizada.
Preguntas Frecuentes
¿Cómo edito mi menú de navegación de WordPress sin perder mis páginas existentes?
Editar tu menú de navegación en WordPress no afecta a tus páginas ni a tus entradas. La pantalla Apariencia > Menús solo controla qué enlaces aparecen en tu menú y en qué orden; no elimina ningún contenido.
Para estar seguro, comienza seleccionando tu menú existente en el menú desplegable en la parte superior de la pantalla Menús antes de hacer cambios. De esa manera, estarás editando el menú correcto, no creando accidentalmente uno nuevo.
¿Por qué no encuentro la opción Menús en Apariencia en WordPress?
Si no ves Menús en Apariencia, tu sitio está ejecutando un tema de bloques (como Twenty Twenty-Four o Twenty Twenty-Five). Los temas de bloques gestionan la navegación a través del Editor del sitio, no de la pantalla clásica de Menús.
Ve a Apariencia > Editor, luego busca la sección Navegación para editar el menú de tu sitio. Alternativamente, SeedProd funciona con cualquier tema y te da control visual completo sobre tu barra de navegación sin el Editor del sitio.
¿Cómo añado un menú desplegable en WordPress?
En el editor de menús de WordPress (Apariencia > Menús), arrastra un elemento del menú ligeramente hacia la derecha, debajo del elemento que deseas como principal. Se indentará para mostrar que ahora es un submenú.
El elemento principal se convierte en el enlace de nivel superior y los elementos indentados aparecen como un menú desplegable cuando los visitantes pasan el ratón sobre él. Haz clic en Guardar menú cuando hayas terminado. En SeedProd, usa la opción Menú de WordPress en el bloque Menú de navegación; hereda tus menús existentes, incluida cualquier estructura desplegable que hayas configurado.
¿Puedo editar mi barra de navegación de WordPress sin un plugin?
Sí. WordPress tiene un editor de menús integrado en Apariencia > Menús que funciona con cualquier tema clásico. Puedes agregar enlaces, reordenar elementos, crear submenús y establecer ubicaciones de visualización sin instalar nada adicional.
La desventaja es que el estilo se limita a lo que tu tema admita. Si deseas cambiar fuentes, colores o diseño sin escribir CSS, un constructor visual como SeedProd es el camino más fácil.
¿Cómo hago que mi menú de WordPress sea fijo (fijo al desplazarse)?
Una barra de navegación fija permanece visible mientras los visitantes se desplazan por la página. En SeedProd, abre la plantilla de Encabezado en el Constructor de Temas, haz clic en la fila del encabezado y busca la opción Encabezado Fijo en el panel de configuración de la izquierda. Actívala y guarda.
Para el editor de menús integrado de WordPress, el comportamiento fijo depende de tu tema. Muchos temas incluyen una opción de encabezado fijo en el Personalizador (Apariencia > Personalizar). Si el tuyo no lo tiene, necesitarás un plugin o CSS personalizado para añadirlo.
Próximos pasos
Tu barra de navegación ahora apunta a donde debería. Aquellos visitantes que aterrizaban en el lugar equivocado, o se iban porque no encontraban lo que necesitaban, tienen un camino más claro a través de tu sitio.
Si tienes una tienda WooCommerce, también podrías querer añadir un icono del carrito de compras de WooCommerce en tu menú para que los clientes puedan acceder a su carrito desde cualquier lugar de tu sitio. Y si quieres ir más allá con el diseño de tu encabezado, como la ubicación del logo, la barra de búsqueda o el diseño, consulta la guía completa sobre cómo personalizar tu encabezado de WordPress.
Empieza hoy mismo con SeedProd.
¡Gracias por leer! Nos encantaría conocer tu opinión, así que no dudes en unirte a la conversación en YouTube, X y Facebook para obtener más consejos y contenido útil para hacer crecer tu negocio.
