Agregue fácilmente íconos de menú a su tema en WordPress

Agregue fácilmente íconos de menú a su tema en WordPress

¿Alguna vez quiso agregar sus propios íconos de menú personalizados a su tema de WordPress solo para poder mejorar la estética de su blog o sitio web? De fábrica, WordPress admite agregar íconos de menú simplemente agregando su propio CSS y las clases resultantes a los elementos del menú. Este enfoque de agregar íconos de menú brinda una mayor flexibilidad, pero requiere que sepa un par de cosas sobre cómo manejar el CSS y cualquier otra edición personalizada de back-end. Entonces, si solo desea agregar los íconos de menú sin todos los tecnicismos, aquí le mostramos cómo puede usar los íconos de menú para lograr la tarea en cuestión.

Uso del complemento de iconos de menú

Iconos de menú es un complemento gratuito que está disponible a través del repositorio de WordPress, y puede descargarlo e instalarlo como cualquier otro complemento. Una vez instalado, activa el complemento y listo.

menu-iconos-plugin-activacion

Al ser un complemento simple y directo, los íconos de menú no tienen una página de configuración separada. En cambio, está integrado directamente en la página del menú de WordPress. Entonces, para comenzar a usar los íconos del menú, navegue a la página «Menú» ubicada debajo de la pestaña «Apariencia».

menu-iconos-menu-pagina

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

menú-iconos-clic-icono-enlace

La acción anterior abrirá la pantalla de íconos donde puede seleccionar el ícono apropiado según sus necesidades. Una vez seleccionados, los íconos de menú le mostrarán algunas configuraciones adicionales junto con una vista previa en el panel derecho. Con la configuración adicional, puede modificar la apariencia y el comportamiento del icono, como ocultar la etiqueta, cambiar la alineación del icono, etc.

menú-iconos-seleccionar-icono

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

menú-iconos-fuente-awesome-iconos

Además, si no encontró los íconos requeridos en los conjuntos de íconos provistos, puede agregar fácilmente sus propios íconos cargándolos. Para hacerlo, simplemente seleccione la opción «Imagen» en el panel izquierdo y haga clic en el botón «Seleccionar archivos» o arrastre y suelte la imagen.

menú-iconos-subir-iconos

Además de cargar las imágenes, puede agregar sus propios tipos de íconos agregando o editando manualmente los archivos «type-*.php» en el directorio «incluye» del complemento. Pero solo hazlo si sabes lo que estás haciendo.

Una vez que haya terminado de agregar los íconos, guarde la configuración del menú haciendo clic en el botón «Guardar» que aparece en la esquina superior derecha. Ahora acceda a la interfaz de su sitio para ver los íconos de menú agregados en acción.

menú-iconos-en vivo-sitio

Dicho esto, al igual que cualquier otro ajuste de apariencia, la alineación y el aspecto real de los íconos agregados pueden verse diferentes en la parte frontal, ya que se verán afectados por los archivos CSS de su tema existente. Entonces, si cree que los íconos se ven afectados por su CSS existente, use el CSS personalizado para anular la configuración.

Conclusión

Menu Icons es un complemento simple pero efectivo que ofrece lo mejor de ambos mundos, facilidad de uso y una amplia gama de iconos para elegir. Por lo tanto, si desea agregar rápidamente íconos de menú sin muchas configuraciones, entonces los íconos de menú serían una excelente opción.

Eso es todo por ahora, y espero que eso ayude. Comente a continuación compartiendo sus pensamientos y experiencias sobre el uso de este complemento simple para agregar íconos de menú en su sitio de WordPress.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Experto Geek - Tu Guía en Tendencias Tecnológicas