WP and Divi Icons Pro Plugin

Los iconos de serie delatan una web hecha con plantilla

Necesitas un icono para un servicio y los que trae el constructor son los de siempre: el mismo trazo, el mismo grosor y un color que no pega con la marca. Acabas saliendo del escritorio de WordPress para buscar en otra web, descargar un archivo y subirlo, y repites el ritual con cada página.

En una web de cliente, los iconos son lo primero que hace parecer genérica una página de servicios. Casi nadie se fija en el texto de una plantilla, pero todo el mundo nota que los iconos son los mismos que en otras cien webs. WP and Divi Icons Pro trae miles de iconos al propio editor, con buscador, para que elijas y ajustes sin cambiar de pestaña.

Font Awesome, Material Design y tus propios iconos en el mismo buscador

El plugin suma packs de diseño propio a casi 1.300 iconos de Font Awesome y más de 930 de Material Design. No hay claves de API que localizar: lo activas y eliges qué kits quieres tener disponibles.

• Búsqueda y filtros: buscas por palabra clave y filtras por pack, sin cambiar de pestaña ni de programa.
• Integración con Divi: si Divi es el theme activo, la biblioteca ampliada aparece en los módulos Icon, Blurb, Text y Button.
• Bloque de Gutenberg y editor clásico: los iconos se pueden insertar en entradas y páginas, y en cualquier sitio donde se pueda añadir texto.
• Iconos propios: subes un zip de fuente generado con Fontello o Icomoon y tus iconos se usan igual que los preinstalados. Sirve para un logotipo o para iconos dibujados a medida.

Los límites, para que no haya sorpresas: los módulos de Divi solo se amplían con Divi activo; con otro constructor trabajarás con el bloque o con el editor clásico. Y para subir iconos propios necesitas haberlos convertido antes en una fuente de iconos con Fontello o Icomoon: el plugin espera ese zip, no un SVG suelto.

Color primario, secundario y terciario sin abrir Illustrator ni tocar CSS

Lo más útil para quien entrega webs a clientes es el editor multicolor: cambias el color primario, secundario e incluso terciario de un icono con vista previa en vivo, directamente en el escritorio de WordPress. Así el icono toma los colores de la marca sin pasar por un programa de diseño.

Eso sí, esa edición está pensada para los iconos multicolor del plugin; no esperes el mismo control en todos los packs, y comprueba en la demo cómo responde el que vayas a usar. También conviene saber que la versión gratuita del plugin se queda en unos 300 diseños propios y no incluye multicolor, subida de iconos propios, Font Awesome ni Material Design.

Dudas habituales antes de instalar WP and Divi Icons Pro

¿Funciona sin Divi? Sí. Con el bloque de Gutenberg y el editor clásico puedes insertar iconos en cualquier entrada o página. Lo que depende de Divi son los módulos integrados.

¿Necesito una cuenta o clave de Font Awesome? No. Font Awesome y Material Design vienen incluidos y se usan sin credenciales adicionales.

¿Frena la web? Está planteado como un plugin ligero: puedes quitar los packs que no uses y trae minificación de recursos integrada. Aun así, cuantos más packs cargues, más pesa, así que activa solo lo necesario.

¿Puedo usar el logo del cliente como icono? Sí, si antes lo conviertes en una fuente de iconos con Fontello o Icomoon y subes el zip al plugin.

Activa solo los kits que vayas a usar

La puesta en marcha es corta: instalas, activas y decides qué kits quieres incluir. Ahí está la decisión que importa. Si tu proyecto solo usa Font Awesome y un pack propio, deja esos y desactiva el resto; mantendrás el buscador más limpio y menos recursos cargados.

Antes de montar una web entera con él, abre la demo y prueba tres cosas: cómo se ven los iconos en los módulos Blurb y Button, cómo cambia el color en un icono multicolor y cómo se inserta el bloque en el editor. Con eso sabrás si cubre el estilo de tus proyectos.