ReInSpirit

  • Contacto
  • Blog
  • Servicios
    • Alojamiento Web
    • Desarrollo y diseño web
  • Descuento E T
  • Sobre Nosotros

Cómo utilizar fuentes de iconos en el editor de Wordpress

19 mayo, 2020 por Pedro Mendez 4 comentarios

Las fuentes de iconos son pequeñas imágenes vectoriales utilizadas ​​para el diseño de una página web. Son muy populares entre los diseñadores de sitios web porque son más estéticas que las imágenes con mapa de bits. Se puede cambiar el tamaño sin perder la calidad y el estilo usando CSS. Por este motivo, muchos temas de Wordpress utilizan fuentes de iconos como los mas conocidos temas por defecto de Wordpress Twenty Thirteen y Twenty Fourteen. Sin embargo para los principiantes es un poco complicado utilizar fuentes de iconos en sus sitios de Wordpress.

🔔 En este artículo vamos a ver como utilizar fuentes de iconos en el editor de entradas de Wordpress sin necesidad de escribir código HTML o CSS.

Lo primero que debemos hacer es instalar y activar el plugin Web Icon. Después de la activación hay que ir a Ajustes – Icon Fonts para elegir un conjunto de fuente de iconos. Actualmente el plugin viene con Font Awesome, Fontello, IcoMoon, Open Ionic y muchos mas.

Después de elegir un tipo de letra la podemos utilizar en nuestras entradas de Wordpress, páginas, tipos de entrada personalizadas e incluso en los archivos de plantilla del tema. Para utilizar fuente de iconos es necesario crear o editar una entrada y veremos que aparece un botón de iconos al lado del botón Add Media. Al pulsar en el botón de iconos se abre un menú desplegable de todos los iconos disponibles en el conjunto de iconos de la fuente hacia abajo. Al seleccionar un icono en este menú desplegable se inserta el icono del editor dentro de la entrada.

También es posible cambiar el tamaño de fuente y el color usando los botones en el editor visual.

Para utilizar un icono en nuestro tema, la forma más sencilla de generar el código HTML necesario, es agregar una fuente de icono en el editor de entradas y luego cambiar a editor de texto para copiar el código HTML. Pegamos en los archivos de plantilla en la que deseamos mostrar una fuente de icono.

Fuentes de iconos se puede utilizar para crear hermosas páginas de destino en Wordpress sin usar imágenes. También se puede utilizar para resaltar diferentes secciones de un artículo extenso de mucho contenido. Este plugin trae mas de 2500 iconos de fuentes entre Font Awesome y todos los demás.

😉 Esperamos que este artículo te ayude a añadir impresionantes fuentes de iconos en Wordpress. Me gustaría saber cómo vas a utilizar las fuentes de iconos en tus proyectos de Wordpress en un comentario a continuación.

Nuestra puntuación

..Entradas Relacionadas

  • Plugin para Incluir un Impresionante Carrusel 3D para WordPress
  • paypal simple pagos5 plugins Wordpress de Paypal Gratuitos para Realizar Pagos
  • Como hacer una Web de Loterías y Sorteos en WordPress
  • Plugin Calculador de Calorias para Dieta con WordPress
  • Cómo conectar Google Drive a la Libreria Multimedia de WordPress

Publicado en: Wordpress Etiquetado como: iconos, plugin

Sobre el autor

Pedro Mendez. Webmaster apasionado de WordPress. Autodidacta empedernido buscando siempre nuevas fuentes de conocimientos.

Comentarios

  1. Juank dice

    18 abril, 2020 a las 3:42 AM

    Sos un capo Pedro. muchas gracias por tu aporte.

    Responder
    • Pedro Mendez dice

      19 abril, 2020 a las 10:28 PM

      jajaja a ti Juank. Un abrazo!

      Responder
  2. ANTONIO NAVARRO dice

    10 mayo, 2020 a las 9:26 PM

    Hola, me ha gustado y funciona muy bien, lo he instalado en una plantilla de wordpress y funciona tanto al editar las páginas que aparece el nuevo apartado, sino que además en un apartado de mi plantilla donde me pedía poner la frase por ejemplo: «fa-hand-o-left» que hace salir una «mano», pues la pone!!!. Gracias por tu aporte.

    Responder
    • Pedro Mendez dice

      11 mayo, 2020 a las 11:49 AM

      Hola Antonio. Gracias a ti por contar tu experiencia con el plugin para fuentes de iconos. Saludos!

      Responder

Deja una respuesta Cancelar la respuesta

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.


Descarga gratis la guía

guia 14 plugins

Política de privacidad


Más un correo a la semana con algún truco y consejo. ¿Te apuntas?

También con regalos y ofertas

icono Twittericono Facebookicono YouTube

Archivos

Categorías

  • Blogging (5)
  • Comercio Eléctronico (48)
  • Diseño (40)
  • Email Marketing (3)
  • Genesis (4)
  • Google (14)
  • herramientas (23)
  • hosting (8)
  • Marketing en Internet (13)
  • Prestashop (4)
  • Programación (4)
  • Redes Sociales (9)
  • SEO (24)
  • Sin categoría (22)
  • Trabajo (7)
  • Wordpress (510)

© Copyright 2021 ReInSpirit.com · Todos los derechos reservados ·Aviso legal·Política de Privacidad·Dos Hermanas (Sevilla)