Cómo agregar fácilmente animaciones CSS en WordPress

¿Has visto esas hermosas animaciones CSS en sitios populares? Efectos animados como contenido deslizante, fundido en cuadros de características, imágenes rebotando, etc. En este artículo, le mostraremos cómo agregar fácilmente animaciones CSS en WordPress sin escribir ningún código.

¿Cuándo y por qué debes usar animaciones CSS??

Las animaciones CSS le permiten captar la atención del usuario en diferentes partes de la página.

Puede usarlos para animar funciones del producto o un botón de llamada a la acción.

Muchos sitios web utilizan animaciones CSS a medida que los usuarios se desplazan hacia abajo en una página. Esto agrega un elemento narrativo a la página con elementos que avanzan a medida que los usuarios se desplazan hacia abajo.

Las animaciones CSS también son más rápidas que flash o videos. Se cargan rápidamente y son compatibles con la mayoría de los navegadores web modernos..

Puede agregar animaciones CSS manualmente a su tema de WordPress o la hoja de estilo infantil del tema. Sin embargo, la mayoría de los principiantes no quieren editar sus archivos de temas o dedicar tiempo a aprender CSS.

Dicho esto, veamos cómo puedes agregar fácilmente animaciones CSS a tu sitio de WordPress.

Configurando CSS Animate! Enchufar

Vamos a utilizar un complemento para este tutorial. Te permite crear animaciones CSS usando un editor WYSIWYG.

¡Lo primero que debes hacer es instalar y activar Animate it! enchufar. El complemento funciona de manera inmediata y no hay configuraciones para que usted configure.

Simplemente cree una nueva publicación, y notará un nuevo botón en su editor visual de WordPress con la etiqueta '¡Anímelo!'.

Al hacer clic en el botón aparecerá una ventana emergente donde podrá diseñar su animación CSS. El plugin soporta muchas animaciones CSS para que elijas.

Primero necesitas seleccionar un estilo de animación. Después de eso debes elegir el tiempo de demora y duración de la animación. Por último, debe seleccionar cuándo desea que aparezca la animación..

El plugin ofrece tres opciones. Puede ejecutar la animación haciendo clic, desplazar o desplazar el desplazamiento..

Una vez que esté satisfecho con la configuración, puede hacer clic en el botón Animar para ver una vista previa de la animación.

A continuación, haga clic en el botón Insertar para agregar la animación a su publicación o página de WordPress. Notará que el complemento agregará un shortcode con algún contenido ficticio dentro del editor de publicaciones..

Debe eliminar el contenido ficticio dentro del shortcode y reemplazarlo con su propio contenido, imágenes o cualquier otra cosa que desee animar..

Ahora que está abajo, haga clic para guardar o publicar la publicación y luego haga clic en el botón de vista previa. Verás tu contenido bellamente animado..

Esperamos que este artículo te haya ayudado a aprender cómo agregar fácilmente animaciones CSS en WordPress. También puede querer ver nuestra comparación de los 5 mejores creadores de páginas de WordPress de arrastrar y soltar.

Si le ha gustado este artículo, suscríbase a nuestros tutoriales en video del Canal de YouTube para WordPress. También puedes encontrarnos en Twitter y Facebook..