Añada fácilmente iconos personalizados al menú de su tema en WordPress

¿Alguna vez ha querido añadir sus propios iconos de menú personalizados a su tema de WordPress para poder mejorar la estética de su blog o sitio web? Fuera de la caja, WordPress admite la adición de iconos de menú simplemente añadiendo su propio CSS y las clases resultantes a los elementos del menú.Este enfoque de la adición de iconos de menú proporciona una mayor flexibilidad, pero requiere que usted sabe una cosa o dos acerca de tratar con el CSS y cualquier otra edición personalizada backend. Por lo tanto, si sólo quiere añadir los iconos del menú sin todo el tecnicismo, entonces aquí es cómo usted puede utilizar los iconos del menú para lograr la tarea en cuestión.

Uso del plugin de iconos de menú

Menu Icons es un plugin gratuito que está disponible a través del repositorio de WordPress, y puede descargarlo e instalarlo como cualquier otro plugin. Una vez instalado, active el plugin y ya está listo.

Al ser un plugin simple y directo, Menu Icons no tiene una página de configuración separada. En su lugar, se integra directamente en la página de menús de WordPress. Así que para empezar a utilizar Menu Icons, navegue hasta la página «Menú» situada en la pestaña «Apariencia».

Una vez allí, amplíe el elemento del menú haciendo clic en la pequeña flecha hacia abajo que se encuentra junto al nombre del menú. Aquí, haga clic en el enlace «Seleccionar».

La acción anterior abrirá la pantalla de iconos donde podrá seleccionar el icono adecuado según sus necesidades. Una vez seleccionados, los iconos del menú le mostrarán algunos ajustes adicionales junto con una vista previa en el panel derecho. Utilizando los ajustes adicionales, puede ajustar la apariencia y el comportamiento del icono, como ocultar la etiqueta, cambiar la alineación del icono, etc.

Lo bueno de los iconos de los menús es que cuentan con algunos de los conjuntos de iconos más populares, como Dashicons, Font Awesome, Foundation, etc. Esto le permite mezclar y combinar iconos de diferentes conjuntos sin comprometer la estética de su sitio.

Además, si no encuentra los iconos que necesita en los conjuntos de iconos proporcionados, puede añadir fácilmente sus propios iconos cargándolos. Para ello, sólo tiene que seleccionar la opción «Imagen» en el panel izquierdo y hacer clic en el botón «Seleccionar archivos» o arrastrar y soltar la imagen.

Además de subir las imágenes, puede añadir sus propios tipos de iconos añadiendo o editando manualmente los archivos «type-*.php» en el directorio «includes» del plugin. Pero sólo hágalo si sabe lo que está haciendo.

Una vez que haya terminado de añadir los iconos, guarde la configuración del menú haciendo clic en el botón «Guardar» que aparece en la esquina superior derecha. Ahora acceda al front-end de su sitio para ver los iconos del Menú añadidos en acción.

Dicho esto, al igual que cualquier otro ajuste de apariencia, la alineación y el aspecto real de los iconos añadidos pueden parecer diferentes en el front end, ya que se verán afectados por los archivos CSS de su tema existente. Así que si cree que los iconos están siendo afectados por su CSS existente, utilice el CSS personalizado para anular los ajustes.

Conclusión

Menu Icons es un plugin sencillo pero eficaz que aporta lo mejor de ambos mundos, facilidad de uso y una amplia gama de iconos para elegir. Por lo tanto, si desea añadir rápidamente iconos de menú sin un montón de ajustes, entonces Menu Icons sería una gran elección.

Eso es todo por ahora, y espero que eso ayude. Haga un comentario abajo compartiendo sus pensamientos y experiencias sobre el uso de este sencillo plugin para añadir iconos de menú en su sitio de WordPress.

¿Es útil este artículo?

No

Deja un comentario

Este sitio web utiliza cookies para mejorar tu experiencia. Si continuas utilizando este sitio consideramos que estás de acuerdo con esto. Más información

Los ajustes de cookies en esta web están configurados para «permitir las cookies» y ofrecerte la mejor experiencia de navegación posible. Si sigues usando esta web sin cambiar tus ajustes de cookies o haces clic en «Aceptar», estarás dando tu consentimiento a esto.

Cerrar