Agregar fuentes para fuentes de iconos de WordPress con una fuente mejor impresionante

Las personas se sienten naturalmente atraídas por los aspectos visuales de un sitio de WordPress, por mucho que se sientan atraídos por el contenido escrito que distribuye. De hecho, según el agente de marketing de Internet, Jeff Bullas, los artículos con imagen obtienen 94% más de vistas que imágenes sin imágenes. Este es un gran aumento en la pantalla de la página si me preguntas. ¿Y qué estás haciendo exactamente? Simplemente agregue algunas imágenes de alta calidad, adecuadas para el artículo, en su contenido, pero ¿qué pasa con las imágenes de su sitio que van un paso más allá de las capturas de pantalla y las fotos de archivo? ¿Pero las imágenes que no solo atraen la atención, sino que también tienen una función útil?
Sí, estoy hablando de íconos. Ya sabes, esas pequeñas imágenes que están dispersas en sitios web con el propósito de compartir en redes sociales, contactar a los dueños de negocios y descargar información, para nombrar algunos. Como la acalorada idea en ese sitio, los visitantes no solo se sintieron atraídos por los íconos en los sitios web, sino que se inclinaban a interactuar con ellos, las personas en todas partes comenzaron a agregarlos en sus sitios. Sin embargo, como la tecnología ha avanzado, como siempre lo hace, los iconos de imagen tradicionales han comenzado a enjuagar como solución de imagen para sitios web. Esto se debe al hecho de que agrega demasiado peso al archivo, requiere demasiadas solicitudes HTTP, no escala bien y, lo peor, no es compatible con los dispositivos móviles.
Pero hay una solución: fuentes de iconos. Hoy, discutiré cuáles son las fuentes de iconos y las ventajas que su uso aporta a su sitio de WordPress. Además, le mostraré cómo agregar fuentes de iconos a su sitio web de WordPress utilizando el complemento popular mejor increíble. Finalmente, como un bono adicional, daré algunas alternativas a una mejor fuente impresionante, por lo que tiene muchas opciones para agregar iconos de alta resolución, escalables y adaptados para dispositivos móviles a su sitio. Entonces, comencemos. ¿Cuáles son las fuentes de icono y por qué usarlas? Las fuentes de iconos son exactamente como parece: fuentes que están hechas completamente de iconos. De hecho, las fuentes de iconos se pueden describir como una fuente que muestra solo caracteres o símbolos, dejando de lado las letras y números con los que vienen las fuentes de texto tradicionales. Las fuentes de iconos son imágenes que a menudo fomentan la acción, solo que no son imágenes.

Las fuentes de iconos se utilizan para mostrar símbolos comúnmente utilizados en su sitio web. Por ejemplo, los botones de redes sociales, el carrito de compras, los botones de descarga y los botones de navegación son ejemplos de iconos que se muestran en forma de imágenes pequeñas e interactivas en su sitio web.
Las fuentes de iconos se pueden usar para representar muchas ideas diferentes.

¿Por qué usar fuentes de iconos? Los iconos de imagen han funcionado bien en el pasado para muchos propietarios de sitios web. Sin embargo, a medida que las reglas de navegación, uso y diseño han evolucionado en el mundo de Internet, las fuentes de iconos se han convertido en la mejor solución para mostrar imágenes interactivas en un sitio web. Una mejor opción:
Escala fácilmente y no pierda calidad
Personalizable en términos de color y sombra
100% receptivo
Funciona como CSS Image Sprite pero se puede diseñar como un texto
Fácil de usar
Soporte de nocaut transparente
Utilizable para navegadores cruzados
Personalizar la opacidad, la rotación y más
Archivos más pequeños de archivos
No sacrifique la velocidad o el rendimiento de su sitio
Como puede ver, hay varias razones por las que es posible que desee usar una fuente de iconos en su sitio, en lugar de un icono de imagen.
Instalar iconos de fuentes en su sitio utilizando una fuente mejor impresionante de Font Awesome Font es un complemento gratuito de WordPress que le permite integrar automáticamente la última versión impresionante de la fuente en su proyecto de WordPress. Además, viene con CSS, códigos cortos y un generador de códigos cortos para iconos TinyMCE. Este complemento tiene una variedad de funciones útiles para los propietarios de sitios web:
Actualizaciones de rutina de la última versión
La posibilidad de cambiar entre versiones impresionantes de fuentes sin cambiar los códigos cortos
Soporte para otros complementos de fuentes populares que incluyen sus códigos cortos
Extracto del CDN JSDELIVR Super-Grade
Paso 1: Instalación y activación de una mejor fuente impresionante para iniciar, instalar y activar el mejor complemento Font Awesome a través del tablero de WordPress, como lo haría con cualquier otro complemento. Primero, navegue por los complementos> Agregar nuevo y busque “Mejor Font Awesome “.
Busque mejor la fuente impresionante para instalarse en su sitio web.
Luego seleccione la instalación ahora y luego haga clic en Activación. Una vez activado, el complemento agrega un enlace “mejor fuente impresionante” en el menú Configuración en el tablero de WordPress.
Observe el nuevo elemento de menú etiquetado mejor fuente impresionante.

Paso 2: Establezca la configuración del complemento para configurar el mejor complemento Font Awesome Font Awesome, comience haciendo clic en el elemento del menú mejor Font Awesome. Una vez que haga esto, verá una pantalla similar:
Configure la configuración del complemento.

Aquí puedes hacer lo siguiente:
Versión: Seleccione qué versión de mejor fuente impresionante que desea usar.

Use CSS minimizado: marque esta casilla si desea usar la versión minimizada del CSS.
Elimine la fuente existente impresionante: seleccione este cuadro para intentar eliminar Font Awesome CSS y códigos cortos agregados por otros complementos y temas.
Ocultar notificaciones del administrador: oculte cualquier advertencia de administrador predeterminada que muestre cuándo aparecen los errores API y CDN.
Además del número mínimo de opciones de configuración de Font Awesome de Better, hay una pequeña sección que describe cómo puede agregar iconos a su sitio web.
Aprenda a agregar fuentes de iconos directamente a su sitio web.
Paso 3: Agregar iconos a su sitio web. Hay tres formas simples en las que puede agregar iconos a su sitio utilizando un mejor código breve, HTML o TinyMCE. #1. Agregar iconos usando códigos cortos para agregar iconos a su sitio. Usando un código corto, primero acceda al sitio web Font Awesome para ver una lista completa de iconos disponibles que se pueden usar. Aquí puedes buscar cualquier icono que quieras. Por ejemplo, si desea un icono de “correo electrónico”, simplemente busque esa palabra clave y seleccione el icono que desea usar haciendo clic.
Después de hacer clic en el icono que desea agregar, verá una pantalla que muestra la imagen del icono, sus diferentes dimensiones y un pequeño bloque de código:

Observe el nombre del icono, diferentes tamaños y el código corto.
Simplemente copie el bloque de código e insértelo en cualquier lugar de su sitio con la pestaña Editor de texto. Así es como se verá en el fondo de su sitio:

Ingrese el código corto en el editor de texto.
Finalmente, esto es lo que los visitantes del sitio verán al hacer clic en su sitio:

El frente de su sitio web mostrará el icono.
#2. Agregar iconos usando HTML Como se muestra en la sección Uso, tiene la opción de usar HTML para insertar iconos en su sitio web. Sin embargo, los desarrolladores de arado advierten que el uso de HTML requiere prefijos específicos, que son específicos de la versión.


Es por eso que recomienda usar códigos cortos en su lugar. Sin embargo, si desea usar HTML, Font Awesome tiene información útil aquí. #3. Agregar íconos usando TinyMCE Esta es probablemente la forma más fácil de agregar iconos a su sitio web. En el modo de editor visual, haga clic en Insertar icono. A partir de ahí, se desplazó a través de las opciones disponibles para iconos, o restringió los resultados utilizando la función de filtración. Use el generador de código corto TinyMCE para insertar iconos directamente en su publicación o página.
Después de encontrar el icono deseado, haga clic en él. El generador de código corto ingresa automáticamente la información requerida en su publicación o página Si desea averiguar cómo personalizar los iconos de su sitio, consulte los ejemplos increíbles de fuentes. Otras opciones para el icono de fuente Fuente Use Better Font Awesome no es la única forma de agregar fuentes de iconos a su sitio web. Y, como prometí, compartiré algunas de las mejores alternativas con usted. Para comenzar, veamos algunos de los mejores lugares para encontrar conjuntos de fuentes de iconos gratuitos y premium. Con estos recursos, puede generar iconos de fuentes personalizados, puede aprovechar los iconos exclusivos y únicos e incluso las herramientas de acceso para ayudarlo a importar iconos directamente en su sitio web.

Fontello. Convierta imágenes vectoriales personalizadas gratuitas en fuentes web que se utilizarán en su sitio web, que son claras, escalables y fáciles de usar para múltiples navegadores. Además, personalice el uso de CSS para cambiar los colores, las dimensiones, los paraguas y más. Pyctogramas modernos. Use cualquier número de más de 260 dibujos de objetos e iconos para múltiples interfaces, como su sitio de WordPress. Este servicio premium permite compras individuales de SVG.
Icomoon. Este servicio en línea le permite crear fuentes de iconos claras, perfectas para píxeles. Además, puede usar el generador de fuentes de icono exclusivo para cambiar los iconos de imagen a las fuentes de iconos. Con 5000 iconos gratuitos y código abierto y más de 4000 iconos premium colocados en paquetes de iconos especiales, no hay opciones de elección aquí.
A continuación, veamos algunos complementos adicionales de fuentes que se pueden usar en su sitio de WordPress.

Iconos de WP SVG
WP SVG Icons es un complemento de WordPress para más de 490 iconos incluidos. Además, puede crear y cargar hasta 10 de sus propios íconos personalizados con el exclusivo importador de fuentes de icono Icomoon. Con este complemento, puede insertar fácilmente iconos en las publicaciones, páginas y barras laterales sin escribir una sola línea de código utilizando la función de código corta más reciente. ¿Estás interesado en los iconos de WP SVG?
Detalles
Generado
Genericon’d incluye 3 conjuntos de iconos Genericons Neue, logotipos sociales y generales, que se pueden colocar en los temas o funciones de su sitio utilizando su HTML básico o sus publicaciones y widgets utilizando códigos cortos. Además, puede ajustar el tamaño de cada icono a través de CSS, códigos cortos o atributo de tamaño. Perfecto para agregar iconos de aspecto genérico en su blog o sitio web, logotipos sociales para fomentar un seguimiento o seguimiento, o iconos que se muestran como fuentes, Genericon’d es una excelente solución para los iconos. ¿Estás interesado en Genericon’d? Detalles
Lista de íconos
Lista de iconos Un complemento poderoso pero simple que brinda a los propietarios del sitio web un widget para ser utilizado en listas estándar en su sitio. Muestre la información de contacto de su empresa y las plataformas de redes sociales, completamente con íconos apropiados para que los visitantes del sitio puedan permanecer informados sobre su negocio. ¿Estás interesado en la lista de iconos?

Detalles
Iconos inteligentes para WordPress
Los iconos inteligentes de WordPress le ofrecen 519 iconos increíbles para usar en publicaciones, páginas y tipos de publicaciones personalizadas con un botón simple. Viene con una interfaz fácil de usar, códigos cortos personalizados o implícitos e incluso la opción de cargar fuentes CDN. Además, Smart Icons es compatible con la pantalla 4K, funciona con cualquier editor e incluso acepta efectos CSS, como cambios de rayos y sombras para personalización adicional. ¿Estás interesado en los iconos inteligentes para WordPress?

Detalles
Los pensamientos finales que usan fuentes de iconos en su sitio de WordPress no solo agregan imágenes hermosas sin sacrificar la velocidad o el rendimiento, sino que agrega un nivel de funcionalidad a su sitio que fomenta una mayor interacción del usuario. Las fuentes de iconos son fáciles de bañar, personalizarse y, lo mejor, ofrecen a los visitantes a su sitio, sin importar dónde acceda a su sitio, la experiencia de vista suprema. El uso de una solución de complemento, como Better Font Awesome, es una de las formas más livianas de agregar fuentes de iconos a su sitio. Esto se debe al hecho de que con un complemento de fuente, no se requiere una configuración pequeña o en absoluto y generalmente hacer La mayor parte de su trabajo para usted, por lo que no tiene que lidiar con el código HTML extendido. Si desea aumentar la cantidad de visualización de visualización de su sitio web, aumente la interacción con el contenido y brinde a los visitantes del sitio un sitio web atractivo, que comunicará claramente lo que desea hacer, considere agregar fuentes para los iconos en su sitio utilizando mejor fuga impresionante o cualquiera de las otras opciones que tengo. compartido con usted. ¿Alguna vez ha usado fuentes de iconos en su sitio web? Mejor, ¿alguna vez has usado mejor Font Awesome o algún complemento alternativo para fuentes? ¡Me encantaría escuchar todo sobre esto en los comentarios a continuación!
Etiquetas:

Fuentes