En este momento estás viendo Cómo usar fuentes de iconos en el editor de publicaciones de WordPress (NO se requiere HTML)

Cómo usar fuentes de iconos en el editor de publicaciones de WordPress (NO se requiere HTML)

free hosting wordpress
free hosting wordpress

Las fuentes de iconos son iconos vectoriales que se utilizan como fuentes. Son populares entre los diseñadores web porque se ven más hermosos que las imágenes de mapa de bits. Se pueden cambiar de tamaño sin perder calidad y se pueden estilizar con CSS. Es por eso que muchos temas de WordPress usan fuentes de iconos. Específicamente, los temas predeterminados Veinte trece y veinte catorce. Sin embargo, para empezar, es un poco complicado usar fuentes de iconos en sus sitios de WordPress. En este artículo, le mostraremos cómo usar fuentes de iconos en el editor de publicaciones de WordPress sin escribir HTML o CSS.

Video tutorial

Regístrese en WPBeginner

Si no le gusta el video o necesita más instrucciones, siga leyendo.

Lo primero que debe hacer es instalar y activar el Fuentes de iconos visuales de WP conectar. Después de la activación, debe ir a Configuración »Fuentes de iconos para elegir un juego de caracteres para los iconos. Actualmente, el complemento viene con Personaje fantástico Y genérico caracteres.

Elija una fuente de iconos para usar con su tema de WordPress

Una vez que haya elegido una fuente, ahora puede usarla en sus publicaciones de WordPress, páginas, tipos de publicaciones personalizadas e incluso en los archivos de plantilla de su tema. Para usar fuentes de iconos, debe crear o editar una publicación y notará una Iconos botón junto a Agregar medios botón. Al hacer clic en el botón del icono, se abrirá un menú desplegable de todos los iconos disponibles en el conjunto de caracteres del icono. Al seleccionar un icono de este menú desplegable, se colocará el icono en el editor de publicaciones.

Agregar fuentes de iconos en publicaciones y páginas de WordPress

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

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

Copiar fuentes de iconos HTML para usarlas en archivos de temas

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

Esperamos que este artículo te haya ayudado a agregar fuentes de iconos geniales en WordPress. Háganos saber cómo piensa utilizar las fuentes de iconos en sus proyectos de WordPress dejando un comentario a continuación.

Cómo usar fuentes de iconos en el editor de publicaciones de WordPress (NO se requiere HTML)




Comportamiento

275





Para compartir





Para compartir





Alfiler





Facebook Messenger





Whatsapp





Correo electrónico


Las fuentes de iconos son iconos vectoriales que se utilizan como fuentes. Son populares entre los diseñadores web porque se ven más hermosos que las imágenes de mapa de bits. Se pueden cambiar de tamaño sin perder calidad y se pueden estilizar con CSS. Es por eso que muchos temas de WordPress usan fuentes de iconos. Específicamente, los temas predeterminados Veinte trece y veinte catorce. Sin embargo, para empezar, es un poco complicado usar fuentes de iconos en sus sitios de WordPress. En este artículo, le mostraremos cómo usar fuentes de iconos en el editor de publicaciones de WordPress sin escribir HTML o CSS.

Genérico un conjunto de caracteres de iconos de código abierto con licencia GPL

Video tutorial

Regístrese en WPBeginner

Si no le gusta el video o necesita más instrucciones, siga leyendo.

Lo primero que debe hacer es instalar y activar el Fuentes de iconos visuales de WP conectar. Después de la activación, debe ir a Configuración »Fuentes de iconos para elegir un juego de caracteres para los iconos. Actualmente, el complemento viene con Personaje fantástico Y genérico caracteres.

Elija una fuente de iconos para usar con su tema de WordPress

Una vez que haya elegido una fuente, ahora puede usarla en sus publicaciones de WordPress, páginas, tipos de publicaciones personalizadas e incluso en los archivos de plantilla de su tema. Para usar fuentes de iconos, debe crear o editar una publicación y notará una Iconos botón junto a Agregar medios botón. Al hacer clic en el botón del icono, se abrirá un menú desplegable de todos los iconos disponibles en el conjunto de caracteres del icono. Al seleccionar un icono de este menú desplegable, se colocará el icono en el editor de publicaciones.

Agregar fuentes de iconos en publicaciones y páginas de WordPress

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

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

Copiar fuentes de iconos HTML para usarlas en archivos de temas

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

Esperamos que este artículo te haya ayudado a agregar fuentes de iconos geniales en WordPress. Háganos saber cómo piensa utilizar las fuentes de iconos en sus proyectos de WordPress dejando un comentario a continuación.




Comportamiento

275





Para compartir





Para compartir





Alfiler





Facebook Messenger





Whatsapp





Correo electrónico


free hosting wordpress
free hosting wordpress
#WordPress #Hosting #vps #seo #sem

Deja una respuesta