WordPress : Listado de Iconos de Elementor insertando url al email y telefono

Fecha Publicación:       14 de Julio de 2022
Fecha Modificación:       17 de Enero de 2023

El generador de páginas de Elementor viene con una pequeña cantidad de íconos gratis.

Esta vez trabajaremos con el Listado de Iconos de elementor e insertaremos url email y al telefono

Skyboot Custom Icons for Elementor - Elementor Icons library

El complemento Skyboot Custom Icons for Elementor es un complemento gratuito de WordPress Elementor. Es un complemento basado en Elementor y le permite utilizar la biblioteca de fuentes de iconos más grande del mundo en un solo complemento para su sitio web. Compatible con Elementor Page Builder y la última versión de WordPress.

https://wordpress.org/plugins/skyboot-custom-icons-for-elementor/

Modo de Uso

 → Una vez Instalado el Plugin editamos una pagina con Elementor

→ Estando en elementor editando una página insertamos un ICONO


→  Al insertar un icono y  hacer doble clic , ingresamos a la biblioteca de iconos

 

Nota : Los ICONOS que se muestran en la biblioteca de ICONOS se puden filtrar desde MANAGE ICONS de la configuración del mismo plugins

 

 

¿Cuántos iconos personalizados de Elementor están disponibles en el complemento?

Este complemento proporciona más de 14055 íconos personalizados de Elementor para integrar en su sitio web. todos los íconos de Elementor están disponibles en varias categorías, como redes sociales, negocios, diseño web, salud, deportes, ícono de marca popular, naturaleza y animales, y estilo de vida y decoración del hogar.

La clase CSS de Listado de iconos

La clase .elementor-icon-list-item hace referencia al listado de iconos de elementor

.elementor-icon-list-item  a:link {color: white !important;  }
.elementor-icon-list-item  a:hover {color: var(--color_secundario) !important;  }

Url Email y Telefono

<a href='mailto:soporte@unidadvirtual.com'>soporte@unidadvirtual.com</a>

<a href='tel:+51 952051956'>952051956</a>

Url Email y Telefono con variable  Custom Global Variables

<a href='tel:+51 [cgv celular1]'>[cgv celular1]</a>

<a href='mailto:[cgv email1]'>[cgv email1]</a>

 

Articulo : 600 - Veces Leidas
Compartir Articulo: