#Podcast 142. Iconos animados en WordPress

Actualizado el

Nuestro patrocinador

descuento-host-fusion-hosting-wordpressEste episodio está patrocinado por Host-Fusion, el proveedor de hosting en el que confiamos en WPnovatos, que te ofrece planes de alojamiento para WordPress a la medida de tus necesidades, desde 1 a 10 Gb de espacio. Todos ellos en servidores LiteSpeed, los más rápidos del mercado, para tu sitio web cargue a la velocidad del rayo.

Además, podrás instalar el pluginPlugin Complemento que se añade a la instalación de WordPress para dotarla de más funciones. Existe un repositorio oficial con miles de completos disponibles para instalar. gratuito LiteSpeed Caché con utilidades como la optimización de imágenes directamente desde el servidor y la concatenación de archivos de CSSCSS Lenguaje de hojas de estilo utilizado para definir la apariencia visual y el formato de los documentos HTML. En WordPress, se almacena en el archivo style.css, JS, etc.

Llévate un 25% de descuento (para siempre) y un dominio gratis (durante el primer año) al contratar tu hosting para WordPress con Host-Fusion.

El tip de la semana

Esta semana te explicamos cómo insertar iconos animados en WordPress gracias a una biblioteca de iconos personalizables, bien a través del editor de bloques o mediante shortcodes.

Instalar el plugin

El primer paso sería instalar el plugin gratuito del repositorio oficial

Lordicon Interactive Icons

Añadir iconos

Por defecto, el plugin trae incluidos hasta 50 iconos gratuitos con los que puedes trabajar, aunque, por tiempo limitado es posible hacerte con una biblioteca de un total de 500 iconos.

Recuerda que el zip que te descargas no puedes subirlo a WordPress. Tienes que descomprimirlo en tu disco duro y encontrarás dentro los archivos .json con los nombres de las categorías.

Una vez localizados los archivos que necesitas subir, debes acceder a la opción llamada “Lordicon” que tienes en el menú de administración de WordPress y subirlos.

Insertar iconos

Los iconos los puedes insertar fácilmente añadiendo un bloque llamado “Lordicon elements”.

Después, en la barra de personalización del bloque, podrás elegir el icono concreto, el tamaño, los colores, el tipo de animación, etc.

Justo debajo del personalizador de colores te generará un shortcode, que podrás utilizar para añadir los iconos dentro de un page builderPage Builder Nombre con el que se conocen a los constructores visuales para WordPress. Se utilizan para crear entradas o páginas arrastrando bloques o widgets donde se incluye el contenido. como Elementor, Divi, etc.

Comunidad WordPress

Faltan muy pocas horas para cerrar la llamada a ponentes de la próxima WordCamp España Online 2020 que tendrá lugar del 6 al 9 de mayo para toda la comunidad de habla hispana.

Si estás interesado, puedes presentar la solicitud en cualquiera de estas modalidades:

  • Charla rápida 10 de minutos (vídeo pre-grabado)
  • Charla estándar de 20 minutos + 10 minutos de preguntas
  • Charla extensa / taller de 45 minutos + 15 minutos de preguntas

Nuestras recomendaciones

Esta semana te recomendamos una herramienta “Open Source” similar a TextExpander, que te permite insertar texto predefinido a través de atajos que crees tú mismo.

Deja una respuesta

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

Información básica sobre protección de datos

El responsable del proceso es Juanma Aranda | Tus datos serán tratados para gestionar y moderar tus comentarios | La legitimación del tratamiento es por consentimiento del interesado | No se transferirá ningún dato a terceros, salvo obligación legal | Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.

 

massa ut commodo ultricies pulvinar diam Praesent libero Vuelve al inicio

WordPress en Directo

wplive-logo

Actualidad, entrevistas, comunidad, eventos…

Cada semana emitimos un nuevo programa en abierto a través de nuestro Canal de YouTube.