Oferta SiteGround Black Friday

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

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 4.4 / 5. Total de votos: 14

Hasta ahora ¡no hay votos!. Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en las redes sociales!

¡Siento que este contenido no te haya sido útil!

¡Ayúdame a mejorar este contenido!

Por favor, dime, ¿cómo puedo mejorarlo?

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 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. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)

Sobre el autor

Deja un comentario

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

Información base sobre privacidad:
- Responsable: Fernando Tellado ([email protected])
- Fin del tratamiento: Moderación de comentarios para evitar spam
- Legitimación: Tu consentimiento
- Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
- Derechos: Acceso, rectificación, portabilidad, olvido

 

Scroll al inicio