A menudo nuestros usuarios nos preguntan si hay una forma de agregar títulos al menú de WordPress sin agregar un enlace.
A lo largo de los años, hemos ayudado a miles de usuarios a empezar con WordPress. Configurar un menú es una de las cosas más importantes que puedes hacer al iniciar un nuevo sitio web.
Sin embargo, al crear un menú desplegable, es posible que desees agregar un título para los submenús sin vincularlo a una página específica. De esta manera, mantendrás a los visitantes en la misma página.
En este artículo, te mostraremos cómo agregar títulos al menú de WordPress sin vincular a una página.
¿Por qué agregar títulos de menú sin vincular a una página?
WordPress ofrece múltiples opciones para personalizar tu sitio web, lo que te permite llegar a tu público objetivo y ofrecer una experiencia de usuario excepcional.
Para proporcionar una experiencia de usuario fluida, tu sitio web de WordPress debe tener un menú de navegación bien estructurado. Facilita que los usuarios encuentren contenido y diferentes páginas en tu sitio.
Cuando agregas títulos de menú, WordPress requiere por defecto que cada menú tenga un enlace a una página o a un enlace personalizado. Sin embargo, es posible que desees mostrar un título de menú pero no vincular a una página en ciertas situaciones.
Por ejemplo, puedes tener un menú desplegable de categorías donde quieras que el texto del título sea 'categorías' para el menú, pero no necesites agregar un enlace. Cuando los usuarios hagan clic en categorías, simplemente se abrirá un submenú en el desplegable.
Dicho esto, veamos cómo puedes agregar un título a un menú de WordPress sin enlazar a una página.
Agregar un título de menú de WordPress sin enlazar a una página
Lo primero que debes hacer es agregar un nuevo elemento de menú a tu menú. Puedes hacerlo yendo a Apariencia » Menús desde tu panel de administración de WordPress.
Nota: Si no ves la opción Apariencia » Menús, entonces estás usando un tema de bloques, y este tutorial no funcionará para tu tema.
A continuación, querrás agregar un enlace personalizado. Puedes ver las opciones de 'Enlaces personalizados' en la sección 'Agregar elementos de menú'.
Si no ves Enlaces personalizados, simplemente haz clic en el botón 'Opciones de pantalla' en la esquina superior derecha de la pantalla. Luego, marca la casilla 'Enlaces personalizados'.
Después de eso, deberás ingresar una etiqueta o título para tu elemento de menú.
En el campo URL, ingresa el símbolo de almohadilla (#) y haz clic en el botón 'Agregar al menú'.
Tu elemento de menú ahora se agregará al menú de WordPress.
A continuación, deberás hacer clic en la flecha desplegable junto a este enlace personalizado para editar el elemento del menú. Elimina el signo de almohadilla del campo URL y haz clic en el botón 'Guardar menú'.
Puedes agregar submenús a este elemento de menú y enlazarlos a cualquier página o ingresar un enlace personalizado si lo deseas.
Si necesitas ayuda para agregar el menú a tu sitio, consulta nuestra guía sobre cómo agregar un menú de navegación en WordPress.
Ahora, si vas a tu blog de WordPress, verás un elemento de menú sin enlace.
Esperamos que este artículo te haya ayudado a aprender cómo agregar títulos al menú de WordPress sin enlazar a una página. También puedes consultar nuestra guía sobre cómo agregar íconos sociales al menú de WordPress y cómo agregar una barra de búsqueda al menú de WordPress.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Marit
¡Gracias! ¡Esta era exactamente la información que necesitaba!
Ken
Justo lo que necesitaba.
Me estaba rascando la cabeza preguntándome cómo podría hacer esto.
Entonces me encontré con este artículo, muchas gracias.
Jon
¡Esto funcionó genial, gracias!
Petur Kirke
Falta una pequeña cosa en este artículo.
¿Cómo deshacerse de la mano (cursor: pointer), o soy solo yo, quien tiene este problema?
Scot
He usado este tipo de enlace personalizado en el nivel superior de mi menú principal, y funciona muy bien en el escritorio. Pero en dispositivos móviles, cuando toco el enlace personalizado, no abre los submenús debajo de él, por lo que ninguna de esas páginas está disponible. ¿Hay alguna manera de solucionar eso?
adnan
esto fue útil, gracias
Hamba Allah
muchas gracias :*
Luis Casanova
¡Gracias!
¡Justo lo que necesitaba!
Steve
Agregué un título a mi menú del sitio web como sugeriste usando el método #, pero necesité eliminarlo. Lo hice en el Panel de control, pero todavía aparece en el menú principal de mi sitio y cuando se abre dice "página en blanco" y que no es seguro. ¿Cómo lo elimino?
Soporte de WPBeginner
Si estás usando un plugin de caché, por favor, elimina los archivos cacheados. También visita la pantalla de Menús para asegurarte de que has eliminado el elemento del menú. No olvides hacer clic en el elemento de menú guardar después de eliminar o agregar un elemento al menú. Espero que esto ayude.
Administrador
Pam Hill
Tengo un menú existente del que necesito eliminar enlaces de página. ¿Cómo lo hago? Tengo 3 títulos en el encabezado que enlazan a su propia página. No quiero que enlace a ninguna página.
Danielle
¡Dios mío, esto me salvó la vida y desearía haberlo encontrado hace unos 6 meses... He estado tratando de resolver esto durante mucho tiempo. ¡MUCHAS GRACIAS!
Brendan Dunne
Usé este método para resolver mi problema y funciona muy bien, gracias.
Sin embargo, el encabezado de menú creado no es una página, así que cuando voy a mapear las subpáginas, ¿cómo las estructuro?
Marek
Hola,
Creé un elemento de menú personalizado que quiero que funcione solo como etiqueta, así que eliminé la URL de ese elemento, pero todavía muestra un color diferente al pasar el mouse por encima como si fuera un enlace. ¿Cómo desactivo ese efecto de pasar el mouse sobre ese elemento?
Puedes verlo aquí: y el artículo es el de ‘Escrito sobre Braunstein’s:’ en el menú debajo del logo.
Gracias
Susan Taunton
Esto es en respuesta a la pregunta de Marek del 9 de agosto sobre cómo eliminar el efecto de pasar el cursor sobre un título de menú que no está enlazado:
Marek,
Puedes usar la herramienta de desarrollo del navegador para identificar el número de elemento de menú de ese título y luego usar CSS para definir los colores del enlace, visitado, pasar el cursor, enfocado y activo para que sean todos iguales y así eliminar el efecto de pasar el cursor.
Ejemplo:
#menu-item-2036 a,
#menu-item-2036 a:link,
#menu-item-2036 a:visited,
#menu-item-2036 a:hover,
#menu-item-2036 a:focus,
#menu-item-2036 a:active {
color:#C1A45B;
}
Susan
Huzni Saud
gran trabajo, colega
Penelope Whiteley
No entendí esto... ¿hay más imágenes que quizás muestren el producto terminado?
Norbert
¡Gracias, es brillante y funciona!
WILLIAM
Gracias, funciona a la perfección.
Rui
Usando Apariencia>Menús, crea un elemento de Enlaces Personalizados con la URL como
javascript: void(0);
This is the a great way of solving that problem
Peter
Esto me ha molestado por un tiempo pero nunca hice nada al respecto. Lo busqué en Google y ¡bingo!, solucionado. Tan simple, gracias.
Annelisse Miller
¡Funcionó perfecto! ¡Tan fácil de seguir! ¡Gracias!
teri matelson
¿puedo crear un enlace personalizado, agregado a la navegación principal, que se abra en una nueva ventana?
Matthias
¡Gracias, muy útil!
Rajit
Hola, ¿cómo modifico el estilo de los enlaces personalizados? Quiero separar dos conjuntos de elementos del menú con encabezados separados que no se puedan hacer clic.
Gracias
Graham
Cheers for that. We were really stuck. Knew it could be done, but didn’t know how…until now. Yer a star
Rosie
¡¡Muchas gracias!! Esto es exactamente lo que necesitaba hacer y ha funcionado de maravilla.
Rosie
Sanjay Nair
¡Tan simple! Justo lo que necesitaba. Gracias.
Hayley
¡Gracias! ¡Exactamente lo que necesitaba!
Carol M. Smith
Gracias... pero no quiero que las palabras "Elemento de menú" aparezcan en el menú... ¿Puedo cambiar el nombre "Elementos de menú"?
Leanne
¡exactamente lo que necesitaba saber! ¡¡gracias!!
Bob Varaleau
Estaba usando categorías para hacer esto, pero esto es mucho mejor. Hay un problema con el que quizás puedas ayudarme.
Si un espectador hiciera clic en el enlace personalizado, el enlace del menú personalizado permanecería resaltado hasta que haga clic en un subelemento o en algún otro lugar de la página. Es algo menor, pero si se pudiera rectificar, haría que esta corrección para el menú fuera aún mejor. ¿Es posible hacer que este botón de menú de enlace personalizado no sea clicable usando CSS?
Menno van der Krift
¡Saludos! Funciona a la perfección.
Mike
Curiosamente, esto no funciona en el iPad. Antes de que aparezca el submenú, ¿pregunta si desea guardar la imagen? Funciona perfectamente bien cuando el botón desplegable tiene un enlace de página normal, es decir, el elemento del menú se extrae de 'Páginas'.
George
Esto es genial, funciona. Sin embargo, el título de mi menú desplegable ha cambiado de color, de blanco a azul. ¿Alguien puede explicarme cómo puedo corregir esto en WordPress?
jhodgski
Gracias por esto, pero ¿no resultaría en HTML no válido, ya que veo que terminas con un elemento de ancla/enlace que no tiene atributo href? También sería semánticamente incorrecto usar un elemento de ancla/enlace si el elemento no es realmente un enlace. ¿Hay una mejor manera?
viktoriana
Esto no funcionó en mi caso :/ He "convertido" un menú que era una lista ul de enlaces en un wp_nav_menu registrado y ahora las categorías que se listaban como wp_list_categories NO aparecen debajo del enlace personalizado como solían hacerlo. De alguna manera, wp_list_categories todavía tiene que agregarse al wp_nav_menu, y no es tan simple como sugiere esta publicación. :/
viktoriana
except this is not working
followed exactly what you’ve written, added two categories us subpages, but submenu is not showing.
there must be some wp_list_categories thingy messing up my wp_nav_menu …
bb
¡Amo wpbeginner! Gracias por este ajuste, saludos
Rob Lowndes
Justo lo que estoy buscando. Pero cuando coloco algunas páginas como subelementos debajo del nuevo elemento de menú en blanco, se ve genial hasta que guardo el menú y luego esas páginas vuelven automáticamente al menú principal. En otras palabras, WP 3.7.1 no me permite guardar ningún submenú en el nuevo elemento. ¿Alguien puede ayudarme?
Wayne Gerald
Hice esto en mi extenso sitio web de capacitación. Sin embargo, me quedé sin enlaces personalizados, lo que significa que alcancé el límite de enlaces personalizados de WordPress. Si supero este límite, el menú de navegación ya no se guarda. Entonces, ¿cómo puedo evitar este límite de enlaces personalizados? ¿Hay algún plugin? Si es así, no lo encuentro.
Cualquier ayuda sería muy, muy apreciada.
Joe Dean
Probablemente ya lo hayas resuelto, pero para cualquier otra persona que lea esto:
https://014.leahstevensyj.workers.dev/wp-tutorials/how-to-fix-the-custom-menu-items-limit-in-wordpress/
kuldip
Gracias, amigo, es útil para mí
Muhlis
esto es lo que busco para editar el menú desplegable de categorías en mi sitio web resellerhunter.com, gracias por la ayuda.
grrprep
Quiero hacer algo a la inversa. Quiero agregar páginas pero no que aparezcan en los menús. Tengo alrededor de 20 páginas y no quiero 20 subenlaces en mi menú. Se agradece la ayuda.
CHRIS
Ve a los menús y desmarca la opción "Agregar automáticamente nuevas páginas de nivel superior". Ahora, si quieres que una página aparezca en el menú, tendrás que agregarla tú mismo.
Janet
¡Gracias! Siempre me pregunté cómo hacer esto.:)
Jake Tyler
Ese es un buen tutorial, de verdad, muchas gracias.
Chris
¿Hay alguna forma de que cuando dejemos el ratón sobre un elemento del menú que no tenga enlace, no cambie el cursor del ratón? ¿Prácticamente que el navegador no lo entienda como un enlace?
Gracias.
Mike Ott
Podrías apuntar al elemento en CSS con:
cursor:crosshair;
Buck
Buen tutorial, nunca supe que esto era posible.
Beth Pittman
¡Gracias por esta publicación! ¿Soy solo yo o alguien más tiene problemas para que las flechas desplegables en la pantalla del menú se abran? Cuando hago clic en la flecha, simplemente mueve el elemento del menú hacia abajo en el menú. Tengo que hacerlo repetidamente hasta que, finalmente, se abra. ¿Algún consejo?
Lorne
¿Cómo se lograría (cambiaría) lo mismo en un sitio web WP v3 con Menús ya existentes?
Gracias
SmittenbyBritain
Gracias por el consejo. Estaba tratando de averiguar cómo hacer eso. Simplemente enlazaba las cosas a inicio si no tenía una URL. ¡Esto funciona muy bien!
bob
¿qué pasa si ya has establecido una barra de menú grande? ¿puedes regresar y cambiar el título de la primera barra de menú para que no se conecte a una página?
Personal editorial
Sí, siempre puedes ajustar los menús. Esta técnica es particularmente útil si quieres agregar elementos desplegables en tu barra de menú larga.
Administrador