No se han encontrado resultados. ¿Intentar de nuevo con otras palabras?

La búsqueda debe tener al menos 3 caracteres.

¿Cómo añadir iconos a los elementos del menú?

Sidebar Image

Did not find a solution? We are here to help you succeed.

Los iconos del menú de navegación proporcionan indicaciones visuales sobre el contenido del elemento de menú. Aparecen justo antes de la etiqueta del elemento de menú.

Los iconos pueden añadirse a un elemento de menú de las siguientes formas:

1. Añadir iconos de menú mediante un plugin externo

Se puede utilizar cualquier plugin externo que pueda proporcionar dicha funcionalidad. Plugins como Menu Icons de ThemeIsle permiten añadir iconos a los menús.

Así es como puedes añadir iconos de menú con el plugin anterior:

  • Vaya a Apariencia > Menús y elija el elemento del menú en el que desea añadir un icono.
  • Haga clic en Seleccione y elija el icono de menú que prefiera.
  • Haga clic en el botón Guardar menú para aplicar estos cambios.

Ya puede ver el nuevo icono de menú añadido a su menú de navegación.

Siéntase libre de seleccionar cualquier plugin externo que prefiera.

2. Añadir iconos a través de Font Awesome Icon Tag

La librería Font Awesome ofrece varios iconos. Estos iconos se pueden añadir a los elementos de menú con los siguientes pasos -

Astra no viene con la librería Font Awesome. Así que el plugin externo se puede utilizar para cargar la biblioteca en el tema. Puedes elegir un plugin de Repositorio de WordPress que permite cargar una librería Font Awesome en el sitio. Por ejemplo Mejor Font Awesome.

  • Instale y active el plugin seleccionado en el sitio.
  • Visite un elemento de menú en el que desee añadir un icono. Los menús están disponibles en Apariencia > Menús.
  • Haga clic en la opción de menú y en la ventana Etiqueta de navegación añadir la etiqueta para el icono del Biblioteca Font Awesome.

Por ejemplo - Si quieres añadir un icono de libreta de direcciones al elemento de menú - Contacto. A continuación, después de seguir los pasos 1 y 2, puede copiar el código de etiqueta para la libreta de direcciones de la biblioteca Font Awesome.

Sólo tienes que visitar la página de iconos, seleccionar el icono deseado y copiar el código. El código del icono de la libreta de direcciones puede copiarse desde el enlace aquí. Visite la opción de menú - Contacto y pegue el código en el campo Etiqueta de navegación.

Si desea añadir sus propios gráficos al menú de navegación, puede hacerlo utilizando el plugin externo llamado Menu Image. Aquí tiene una guía completa sobre cómo utilizar este plugin.

¿Le ha resultado útil este artículo?
Sidebar Image

¿No ha encontrado una solución? Estamos aquí para ayudarle a conseguirlo.

Documentos relacionados

Astra es gratis. Ahora y siempre.

Creemos que crear sitios web atractivos no debería ser caro. Por eso Astra es gratis para todos. Empieza gratis y amplía con paquetes asequibles.

La descarga está a un solo clic

Download Checklist

REWIND

RESUMEN DEL AÑO

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form
Scroll al inicio
Ahora elija la opción que prefiera
page builder addon
Elija su complemento de creación de páginas preferido

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form