Cuando creas ítems de menú en WordPress, desde Apariencia > Menús, por defecto verás que sólo aparecen las opciones básicas para un ítem de menú, sin embargo existen otras opciones que WordPress oculta por defecto y que podrían resultarte útiles
1- Habilitar propiedades avanzadas de menú
Para habilitar las propiedades avanzadas de menú en WordPress, ingresa a Apariencia > Menús, en la parte superior verás las opciones de pantalla, al desplegar las opciones de pantalla verás que puedes marcar opciones adicionales, tal como se muestra en la siguiente imagen.
2- Propiedades avanzadas en los ítems de menú
Luego que selecciones cada una de las propiedades avanzadas, entonces aparecerá campos adicionales en cada ítem de menú, tal como se ve en la siguiente imagen:
Como propiedades avanzadas adicionales se incluyen:
- Destino del enlace: genera el campo “abrir enlace en una pestaña nueva”, es decir agrega target=”_blank”, útil especialmente para links externos.
- Atributo del título: permite ingresar un título para el enlace, se muestra cuando se pasa el ratón sobre el enlace y además sirve para accesibilidad.
- Clase CSS: Permite agregar una clase CSS al parent del enlace, usualmente al elemento HTML li, útil si se quiere dar un diseño personalizado al enlace.
- Relación con el enlace (XFN): Microformato HTML para el enlace, agrega un atributo rel al cual pueden asignarse diferentes valores que indiquen la relación con el enlace.
- Descripción: Texto descriptivo del enlace, no todos los themes lo soportan. Puedes revisar el artículo: agregar descripción a los ítems de menú en WordPress
3- Ejemplo de uso de propiedades avanzadas de enlace
En la siguiente imagen se puede ver un ejemplo de uso de estas propiedades avanzadas, se ha creado un nuevo ítem de menú que hace referencia a una cuenta personal en Twitter.
Al guardar el enlace si vemos el front-end del sitio veremos que se genera el siguiente código HTML.
<li id="menu-item-123" class="twitter-menu menu-item">
<a title="Mi Twitter personal" target="_blank" rel="me" href="https://twitter.com/decodecms">
Mi Twitter
</a>
</li>
4- Conclusión
A pesar de que estas propiedades avanzadas de menú se encuentran ocultas por defecto, te sugiero tenerlas en cuenta cuando crees tu menú, de esta manera podrás especificar aún más los enlaces de tu menú con estas configuraciones adicionales.
Artículos Relacionados
(3 votos, promedio: 5,00 de 5)
Cargando...
Tengo una duda.
En el footer de mi web tengo todo lo de cookies, privacidad, aviso legal…etc.
Duda: ¿Dónde le pongo a esas páginas que el ENLACE ES NOFOLLOW?
No encuentro dónde ponerlo.
Es para que google no indexe esas páginas. Ya le puse NO INDEX, pero aparte debo poner ENLACE NO FOLLOW a dichas página de legalidad.
Dónde es? No lo encuentro?
Muchas gracias
Saludos
Hola
Entiendo que estas usando un plugin para las cookies, tendrías que revisar la configuración del plugin, o sino lo tienes tendrías que consultar con el desarrollador ya que implica posiblemente buscar en el código.
Saludos.
Hola, muy buena explicación sobre opciones avanzadas para menú
Una consulta, el poner el enlace -url personalizada- quiero que vaya hacia una página que lleva # (ya que esta enlaza en cada una de las partes de esa web), pongo el enlace laweb/producto/#colores hasta ahí todo ok, guardo, pero al ir a mi sitio, ir al menú donde he puesto el enlace -laweb/producto/#colores- veo que me agrega una guión bajo después de # y queda así laweb/producto/#_colores y claro ya no lleva a colores, lleva al inicio de esa url y mi idea es que vaya a colores (como está en laweb/producto/#colores), por qué sucede esto, hay alguna manera de solucionarlo?
Gracias
Mar
Hola
Es muy raro que te agregue un caracter, si accedes al menú lo ves guardado correctamente o también se cambia?, prueba temporalmente cambiar de theme y configura su menú y verifica si te sucede lo mismo.
Hola Jhon, gracias por tu respuesta
En realidad no hay plugin para cookies, puede ser algún otro plugin que afecte?
Alguna otra posibilidad?
Saludos
Hola, posiblemente sea parte de la funcionalidad de tu theme, podrías probar cambiando de theme temporalmente.