Paso 1: Sincronizar DIVI con Font Awesome
El primer paso es copiar este código:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css"
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
crossorigin="anonymous">
COPIAR
Y ahora lo vamos a pegar en la sección que encontrarás yendo en wordpress a la pestaña de DIVI y luego a opciones del tema. Una vez allí, elegir la pestaña “Integración”. Y en la casilla que dice:”Agregar código al <head> de su blog” es donde vamos a pegarlo. No olvidar al fnal darle al botón “Guardar cambios”
Y listo, ahora nuestro DIVI ya estrá sincronizado con Font Awesome. Ahora sólo bastará que elijamos algún ícono de su galería para añadirlo a cualquier sección de nuestra web. Veamos como:
Paso 2: Añadir cualquier ícono de Font Awesome
Pueden acceder a la galería de Font Awesome desde el siguiente enlace:
Antes que nada hacemos Click en el filtro lateral que dice “Free” para que nos aparezcan sólo los íconos que son gratis.
Ahora sólo tenemos que elegir el ícono que queramos utilizar. Por ejemplo quiero añadir en mi web un ícono de amazon, ya que la galería de íconos por defecto de DIVI no cuenta con uno. Así que le doy Click.
Al hacer Click al ícono se nos abre una ventana desde dónde pueden observarse todas las opciones de inserción. Vamos a dirijirnos al código que se señala en la imagen de aquí abajo y lo copiamos (se copia automáticamente al hacerle click).
Nuestro ícono aparecerá dónde sea que peguemos ese código. En mi ejemplo el código para el ícono de amazon era: <i class=”fab fa-amazon”></i>. Así que voy a pegarlo por ejemplo aquí:
Como puede verse en la imagen de abajo, he pegado el código en el módulo texto de DIVI. Importante: Siempre que agreguen código al módulo texto, háganlo desde la pestaña “texto” (la que en la imagen de abajo está encerrada de morado) y NO desde la pestaña “visual”.
Podemos pegar ese código, y por lo tanto el ícono, en cualquier parte de nuestra web. Incluso en los menús, en dónde se agrega de la misma forma como lo hice en el artículo anterior con los íconos por defecto de DIVI.
Pueden verlo desde aquí:
Ahora ya tienes a la mano un tremendo arsenal de íconos para hacer tu página mucho más visual y con íconos para para prácticamente cualquier contexto posible.
0 comentarios