Cómo utilizar las fuentes de iconos en WordPress Post Editor (NO se requiere HTML)

Las fuentes de iconos son iconos vectoriales utilizados como fuentes. Son populares entre los diseñadores web porque se ven más bonitos que las imágenes de mapa de bits. Se pueden redimensionar sin perder calidad y estilo utilizando CSS. Es por esto que muchos temas de WordPress usan fuentes de iconos. Más notablemente, los temas predeterminados de Twenty Thirteen and Twenty Fourteen. Sin embargo, para los principiantes, es un poco complicado usar fuentes de iconos en sus sitios de WordPress. En este artículo, le mostraremos cómo usar las fuentes de iconos en el editor de publicaciones de WordPress sin escribir ningún HTML o CSS.

Video Tutorial

Si no te gusta el video o necesitas más instrucciones, continúa leyendo.

Lo primero que debe hacer es instalar y activar el complemento WP Visual Icon Fonts. Tras la activación, debe ir a Configuración »Fuentes de iconos para elegir un conjunto de fuentes icono. Actualmente, el complemento viene con fuentes Font Awesome y Genericon..

Después de elegir una fuente, ahora puede usarla en sus publicaciones, páginas, tipos de publicaciones personalizadas de WordPress e incluso en los archivos de plantilla de su tema. Para usar las fuentes de iconos, necesita crear o editar una publicación, y notará una Iconos botón al lado de la Añadir medios botón. Al hacer clic en el botón de iconos, se abrirá un menú desplegable con todos los iconos disponibles en el conjunto de fuentes de iconos. Al seleccionar un icono de este menú desplegable, se insertará el icono en el editor de publicaciones..

También puede cambiar el tamaño y el color de la fuente con los botones del editor visual.

Para utilizar un icono en su tema, la forma más fácil de generar el HTML requerido es agregar una fuente de icono en el editor de publicaciones y luego cambiar al editor de texto para copiar el código HTML. Péguelo en sus archivos de plantilla donde desee mostrar una fuente de icono.

Las fuentes de iconos se pueden usar para crear hermosas páginas de aterrizaje en WordPress sin usar imágenes. También se pueden utilizar para resaltar diferentes secciones de un artículo o publicación de formato largo. Este complemento te ofrece 369 iconos con Font Awesome y 62 iconos con la fuente Genericon..

Esperamos que este artículo te haya ayudado a agregar fuentes de iconos impresionantes en WordPress. Déjenos saber cómo piensa usar las fuentes de iconos en sus proyectos de WordPress dejando un comentario a continuación..