Agregue fácilmente iconos personalizados a su menú de temas en WordPress

¿Alguna vez quiso agregar sus propios íconos de menú personalizados a su tema de WordPress solo para que pueda mejorar la estética de su blog o sitio web? Fuera de la caja, WordPress admite agregar iconos de menú simplemente agregando su propio CSS y las clases resultantes a los elementos del menú. Este enfoque de agregar íconos de menú proporciona una mayor flexibilidad, pero requiere que sepa una cosa o dos sobre cómo manejar el CSS y cualquier otra edición personalizada de backend. Por lo tanto, si solo desea agregar los íconos del menú sin todos los tecnicismos, aquí es cómo puede usar los íconos del menú para lograr la tarea en cuestión.

Uso del complemento de iconos de menú

Menu Icons 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, active el complemento y estará listo.

Al ser un complemento simple y directo, Menu Icons no tiene 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 iconos de menú, navegue a la página “Menú” ubicada debajo de la pestaña “Apariencia”.

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”.

La acción anterior abrirá la pantalla de iconos donde puede seleccionar el icono apropiado según sus necesidades. Una vez seleccionados, los iconos 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.

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

Además, si no encontró los íconos requeridos en los conjuntos de íconos proporcionados, puede agregar fácilmente sus propios íconos cargándolos. Para hacer eso, 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.

Además de cargar las imágenes, puede agregar sus propios tipos de íconos agregando o editando manualmente los archivos “tipo – *. 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 iconos, 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.

Dicho esto, al igual que con cualquier otro ajuste de apariencia, la alineación y el aspecto real de los íconos agregados pueden verse diferentes en la interfaz, 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 iconos de menú sin muchas configuraciones, los iconos de menú serían una excelente opción.

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

¡Si te ha gustado vota con 5 Estrellas!
(Votos: 0 Promedio: 0)

Escribe Aquí Tu Comentario