Añadir iconos de fuentes fácilmente

iconos de fuentes wordpress

Ya vimos hace tiempo como insertar los iconos de fuentes, en concreto los Genericons, en WordPress, un modo estupendo de mostrar iconos visuales atractivos para ilustrar nuestro contenido.

Los iconos de fuentes son estupendos porque son totalmente escalables al ser vectores, y puedes agrandarlos lo que quieras sin que pierdan la calidad de imagen, perfectos también para pantallas retina.

No requieren JavaScript, y son un modo estupendo de ilustrar nuestra web sin usar imágenes u otros recursos más pesados. Pero ¿y si además pudiésemos insertarlos fácilmente?, sin necesidad de shortcodes o HTML.

Pues para eso tenemos el plugin WP visual icon fonts que, una vez instalado, añade un botón en el editor visual para insertar los iconos de fuentes instalados.

El mismo plugin viene de por sí con dos bibliotecas de iconos enormes y geniales: las de Genericons (62 iconos) y Fontawesome (369 iconos), más que suficiente para la mayoría de los usos. Simplemente marca la casilla de la elegida a la derecha y guarda los cambios.

elegir iconos de fuente a usar en wordpress

Elige en la página de ajustes del plugin cual de ellos utilizar y a partir de ahí ya puedes añadirlos a tus entradas, páginas, tipos de entrada personalizados o, si lo prefieres, incluirlos a tu tema, para lo que solo tienes que copiar el código generado, que podrás copiar desde la pestaña Texto del editor tras insertarlos en el editor visual.

En el editor añade dos elementos nuevos, por una parte el botón para insertar los iconos, y por otro un selector de tamaños para los iconos, que funciona como cualquier otro botón del editor visual.

insertar iconos de fuentes en wordpress

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

Valora este artículo para mejorar la calidad del blog ...

Al hacer una valoración se recoge una cookie con la IP de tu dispositivo

FlojitoNo está malEstá bienMe ha servidoFantástico (12 votos, promedio: 4,50 de 5)
Cargando…

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para saber si ya aceptaste nuestras políticas, si ya estás suscrito a nuestra newsletter, para reconocer el estado de tu sesión si la tuvieses y para servir más rápidos los contenidos.

No se captura IPs ni siquiera para el servicio de Analytics así que tu visita es privada.

JSESSIONID, _cfuid, wpSGCachePypass, mailerlite, gdpr, gawp
mailerlite, _cfuid

Cookies de terceros

Usamos cookies de terceros con servicios, también garantes de tu privacidad, que analizan tus usos de navegación para que podamos mejorar los contenidos, si ya estás suscrito al boletín y los elementos compartidos en redes sociales y el formulario de comentarios.

1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID, disqus_unique, disqusauth
disqus_unique, disqusauth
1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID

Pin It on Pinterest

Share This