fuentes awesome wordpress

Cómo usar Font Awesome en WordPress

¿Necesita agregar iconos de alta calidad a su sitio web de WordPress? ¿Has oído hablar de Font Awesome, pero no sabes cómo usarlo?

En este artículo, le mostraremos cómo usar Font Awesome para agregar iconos a su sitio web de WordPress.

Sea Icons disponibles en Envato Elements.

Los iconos son un elemento gráfico esencial para cualquier sitio web, independientemente de la industria. Agregan un elemento visual que agrega interés a cualquier página web en la que se encuentren.

Font Awesome es el conjunto de iconos más popular de Internet. Obtiene acceso a imágenes vectoriales de alta calidad que se pueden personalizar con CSS. Lo mejor de todo es que Font Awesome ofrece una versión gratuita que tiene más de 1,600 íconos gratuitos para que los uses. Configurar y usar Font Awesome en WordPress es fácil. En este artículo, cubriremos todos los pasos necesarios para comenzar a funcionar con Font Awesome en WordPress.

Primero, repasemos una oferta atractiva para los propietarios de sitios web de WordPress.

Envato Elements: Descargas ilimitadas

Envato Elements es un servicio que proporciona una suscripción de descarga ilimitada, lo que significa que puedes descargar tantos elementos como quieras de millones de activos digitales. Esto incluye temas y complementos premium de WordPress, iconos, fotografías de stock, audio libre de regalías y videos de stock.

La suscripción está cubierta por una licencia comercial simple que le otorga los derechos para usar el artículo en una amplia variedad de proyectos, incluidos los de naturaleza comercial.

La licencia está preparada para el futuro, lo que significa que incluso si cancelas tu suscripción y ya no puedes descargar artículos de Envato Elements, cualquier uso registrado existente aún está cubierto.

Envato Elements tiene toneladas de activos de WordPress de alta calidad, incluidos complementos.

Suscríbete hoy

Suscríbete hoy y comienza a crear, u obtén más información sobre por qué Envato Elements es ideal para los usuarios de WordPress.

Ahora cubramos cómo usar Font Awesome en cinco simples pasos.

  1. Instale el plugin de WordPress Font Awesome

Configurar el plugin Font Awesome  WordPress es como configurar cualquier otro plugin de WordPress.

En tu panel de control, ve a Plugins> Agregar nuevo. En los plugins de búsqueda…  , busque Font Awesome. A continuación, haga clic en Instalar ahora > Activar.

Activando el Font Awesome desde la sección de plugins del panel de WP.

¡Eso es todo! El plugin WordPress Font Awesome está instalado y listo para funcionar. Repasemos ahora cómo configurar el complemento.

  1. Configura el plugin y el kit

La configuración del plugin es muy sencilla. En su panel de control de WP, vaya a Configuración > Font Awesome. Esto abrirá el menú  Font Awesome.

Nuestra primera opción es si queremos usar Font Awesome en WordPress como kit o usar un CDN.

Font Awesome recomienda usar la opción Kit , ya que ofrece la mayoría de los iconos y le da acceso al Selector de iconos.

Para configurar esto, primero deberá crear una cuenta en Font Awesome y crear un kit. No se requiere ninguna otra acción una vez que cree un kit en el sitio de Font Awesome.

Creación de un kit en Font Awesome.

A continuación, debe obtener un token de API de Font Awesome. Vaya a la página de la cuenta para generar y copiar su token de API.

Accede a la API de Font Awesome desde tu cuenta.

Vuelva a la configuración de Font Awesome en  su panel de WP y pegue el token de API en el campo API.

A continuación, elija el kit que acaba de crear. Ahora está listo para comenzar a agregar íconos a su sitio web de WordPress.

Agregar una clave API al complemento Font Awesome WordPress.

  1. Ajuste la configuración impresionante de la fuente

Hay algunas configuraciones que puede ajustar en  la configuración del kit en el sitio web de Font Awesome.

La primera configuración es si desea o no utilizar la versión gratuita o de pago de Font Awesome. Si tiene la versión paga, querrá hacer clic en la versión pro.

La última configuración que puede ajustar es si desea que los iconos sean SVG o fuentes web. En general, SVG es más potente, pero no funcionan bien con pseudoelementos. Nuestra sugerencia sería usar SVG.

¡Muy bien! Todo está configurado y listo para funcionar. Veamos dónde puede encontrar los iconos para agregar a su sitio.

  1. Encuentra los iconos que quieres usar

Ahora es el momento de encontrar los iconos que desea agregar a su sitio web de WordPress. Font Awesome tiene una biblioteca de iconos que puedes elegir en su sitio web.

Hay más de 1,600 iconos en la versión gratuita de Font Awesome que puedes usar.

Como se mencionó, hay una versión gratuita y de pago de Font Awesome. Si desea utilizar la versión gratuita, asegúrese de encontrar solo los iconos que están bajo el filtro gratuito.

Abra los iconos que desea utilizar y una pestaña separada en su navegador. Ahora estamos listos para agregarlos a su sitio web.

  1. Añade los iconos a tus páginas y publicaciones

Abra una página o una publicación desde el panel de control de WP. Una vez que esté en el editor de páginas o publicaciones, agregue un bloque de código corto donde desea que aparezca su icono. Luego, en el bloque de shortcode, pegará el código HTML para el icono que desea agregar.

Para obtener este código HTML, haga clic en el icono que desea agregar de la biblioteca Font Awesome. Aparecerá un menú emergente. Haga clic en el código HTML y se copiará automáticamente en su portapapeles.

Copie el código HTML de la biblioteca Font Awesome.

Luego pegue el código nuevamente en el bloque de código corto en el editor de páginas o publicaciones.

Pegue el código HTML en el bloque de código abreviado del editor de publicaciones o páginas.

¡Eso es todo! Tu icono está ahora en la página o publicación. Añade tantos iconos como quieras a tus páginas y publicaciones.

¡Comienza a usar Font Awesome hoy!

Los iconos son necesarios para todos los sitios web. Agregan interés a sus páginas web y ayudan a esas páginas a convertirse.

Font Awesome para WordPress es una gran herramienta para agregar iconos de alta calidad a su sitio web. En este artículo, cubrimos dos formas en que puede configurar Font Awesome en su sitio web. Luego repasamos cómo agregar los íconos reales a su sitio web de WordPress. En cuestión de minutos, puede tener iconos en su sitio de WordPress.

Si necesitas aún más íconos premium para tu sitio de WordPress, ¡asegúrate de revisar Envato Elements! Hay toneladas de iconos y otros activos que son valiosos para cualquier propietario de sitio de WordPress.

Deja un comentario

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

Pin It on Pinterest

Share This
Ir arriba