Cómo Agregar Fácilmente Animaciones Css En Wordpress

Cómo agregar fácilmente animaciones CSS en WordPress

¿Has visto estas hermosas animaciones CSS en sitios populares? Efectos animados como contenido deslizante, fundidos en áreas de funciones, imágenes que rebotan, 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é debería utilizar animaciones CSS?

Las animaciones CSS le permiten llamar la atención del usuario sobre diferentes partes de la página. Puede utilizarlos para animar las funciones del producto o un botón de llamada a la acción. Muchos sitios web utilizan animaciones CSS cuando los usuarios se desplazan por una página. Esto agrega un elemento de narración de historias a la página con elementos que progresan a medida que los usuarios se desplazan hacia abajo. Las animaciones CSS también son más rápidas que las flash o los videos. Se cargan rápidamente y son compatibles con la mayoría de los navegadores web modernos. Puede agregar manualmente animaciones CSS a su tema de WordPress oa la hoja de estilo de su tema hijo. Sin embargo, la mayoría de los principiantes no quieren modificar sus archivos de tema ni perder tiempo aprendiendo CSS. Dicho esto, veamos cómo puede agregar fácilmente animaciones CSS a su sitio de WordPress.

Configure CSS Animate! Conectar

Usaremos un plugin para este tutorial. Te permite crear animaciones CSS usando un editor WYSIWYG. Lo primero que debe hacer es instalar y activar Animate it! conectar. El plugin funciona desde el primer momento y no hay ajustes para configurar. Simplemente cree una nueva publicación y notará un nuevo botón en su editor visual de WordPress titulado « ¡Animar! ».

Botón Animar En El Editor Visual De Wordpress
Al hacer clic en el botón, aparecerá una ventana emergente en la que puede diseñar su animación CSS. El plugin admite muchas animaciones CSS para que elijas.
Editor De Animaciones
Primero debe seleccionar un estilo de animación. Después de eso, debe elegir el retraso y la duración de la animación. Finalmente, debe seleccionar cuándo desea que aparezca la animación. El plugin ofrece tres opciones. Puede ejecutar la animación con un clic, desplazamiento o desplazamiento de desplazamiento.
Seleccione Cuándo Ejecutar La Animación
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. Luego haga clic en el botón Insertar para agregar la animación a su publicación o página de WordPress. Notará que el plugin agregará un código corto con contenido ficticio dentro del editor de publicaciones.
Css Animateit!  Shortcode En El Editor De Publicaciones
Debe eliminar el contenido ficticio dentro del código corto y reemplazarlo con su propio contenido, imágenes o cualquier otra cosa que desee animar.
Reemplace El Contenido Ficticio En El Código Corto Con Su Propio Contenido
Ahora que está abajo, haga clic para guardar o publicar el mensaje, luego haga clic en el botón de vista previa. Verá su contenido bellamente animado. Esperamos que este artículo le haya ayudado a aprender cómo agregar fácilmente animaciones CSS en WordPress. Es posible que también desee ver nuestra comparación de los 5 mejores creadores de páginas de arrastrar y soltar de WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply