En esta página: [esconder]
Font Awesome para WordPress es un conjunto de iconos popular que los propietarios de sitios web usan comúnmente para agregar elementos de diseño adicionales. Se usa con frecuencia ya que es extremadamente fácil de usar e incluye varios conjuntos de íconos convenientes. Sin embargo, en algunos casos puede haber problemas al usarlo, casos en los que los iconos no son visibles. Nuestro artículo ayudará a los propietarios de WordPress a solucionar problemas de Font Awesome.
¿Cuáles son los iconos de Font Awesome para WordPress?
Font Awesome es una popular colección de iconos vectoriales, imágenes de redes sociales y otros activos de diseño que pueden incluirse fácilmente en sistemas de gestión de contenido populares y kits de herramientas para desarrolladores de sitios web. Incluye los diversos conjuntos que incluyen elementos en todas las categorías de uso común..
Por el momento el la versión actual de Font Awesome es 5.12.1 que se compone de 1,557 íconos en la versión gratuita. Hay un versiones pagas que agrega 7,722 iconos adicionales. Como parte de la versión paga llamada Font Awesome Pro los propietarios del sitio web también pueden incluir un tema duotono - los iconos heredarán el color base del proyecto o se colorearán ingresando valores personalizados.
Cada icono y símbolo individual está diseñado de acuerdo con pautas y estándares estrictos. Los iconos de Font Awesome pueden insertarse directamente o personalizarse especificando el tamaño del lugar, estilo y rotación, junto con animaciones. Los iconos insertados también son compatibles con los modos de accesibilidad de los navegadores web para que se muestren correctamente.
Font Awesome no muestra comprobaciones básicas
Hay varias razones básicas por las que no se muestra un icono de Font Awesome insertado. Siempre asegúrese de utilizar la última versión del conjunto - las instrucciones se pueden encontrar en el sitio oficial de FA para las versiones SVG y CSS. Los iconos y símbolos de Font Awesome se pueden vincular, servido desde un servidor personalizado o entregado a través de una red de entrega de contenido (CDN). Los propietarios del sitio deben establecer el código más reciente según el tipo de implementación.
Cuando se inserta en páginas HTML, los conjuntos de iconos pueden no aparecer si el código no cumple con el estándar oficial; los propietarios del sitio pueden verificar si este es el caso utilizando el Validador de marcado oficial del W3C. Un problema específico de WordPress es cuando se instalan varias extensiones relacionadas con el diseño. Las versiones anteriores pueden solicitar versiones incompatibles de Font Awesome o bloquear la carga adecuada de los conjuntos de iconos. Esto también se extiende a varias bibliotecas JavaScript o CSS personalizadas que anulan las propiedades individuales de las etiquetas de icono insertadas.
Hay varios problemas del lado del cliente eso puede sospecharse cuando los iconos de Font Awesome no se están cargando - extensiones de bloqueo de anuncios, complementos, programas antivirus y etc.. A veces, su configuración incluirá fuentes impresionantes y otros activos de diseño en una lista negra que evitará su visualización adecuada.
Tenga en cuenta que hay un plugin oficial de Font Awesome disponible, lo que facilita la integración de los activos en un sitio determinado.
Fuente Awesome Code Fixes
Hay varias correcciones de código simples que se pueden implementar si ninguno de los métodos anteriores funciona. Los propietarios del sitio necesitan asegúrese de que hay 2 clases disponibles en su código HTML: el primero es el fa clase y el segundo es el que identifica el tipo de icono deseado. Un ejemplo es el siguiente:
<i class = & quot; fa fa-search & quot;></yo>
Al publicar enlaces al código CSS, los administradores deberán asegurarse de utilizar la estructura de enlaces correcta, un código de ejemplo es el siguiente:
enlace href = & quot; http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css
Una solución global de fuente impresionante que se puede intentar es la inclusión del código Font Awesome en la sección de pie de página de WordPress:
<?php wp_footer(); ?>
<enlace href = & quot; https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css" rel = & quot; hoja de estilo & quot;>
</cuerpo>