Animations by Imoptimal

Descripción

Haz que cualquier cosa en tu web sea animada cuando esté dentro de la visualización de la pantalla o cuando se pase el cursor/se toque en la pantalla táctil (usando selectores CSS). Incluye más de 70 tipos de animación (de la biblioteca animate.css) y ofrece la opción de establecer la duración de la animación, el número de repeticiones, el retraso de la animación, así como la opción de activar la animación repetidamente cada vez que los elementos seleccionados entren en la visualización de la pantalla.

Características clave:
* Posibilidad de establecer el número de grupos de animación que puedes seleccionar con diferentes ajustes de animación (hasta 100 grupos).
* Añadir los elementos (selectores CSS) que quieras animar cuando entren en la visualización de la pantalla (área visible de una página web) o cuando se pase el cursor o se toque la pantalla.
* Seleccionar el tipo de animación para ese grupo de elementos (más de 70 tipos, basados en la popular biblioteca de CSS animate.css) – y ver la previsualización de cada selección de animación.
* Opción para seleccionar la duración de la animación (0.5 – 5 segundos, con incrementos de 0.1 segundo).
* Opción para seleccionar la repetición de la animación (1 – 5 veces; infinito también es una opción).
* Opción para seleccionar la duración del retraso de la animación al entrar en la visualización de la pantalla (0.5 – 5 segundos, con incrementos de 0.1 segundo).
* Opción para elegir la curva de velocidad de la animación seleccionada.
* Opción para elegir si la animación se ejecutará cada vez que los elementos seleccionados entren en la visualización de la pantalla (no solo una vez). También hay una opción para activar la animación al pasar el cursor/tocar la pantalla táctil.

Copyright

Plugin Animations by Imoptimal, Copyright 2019 Ivan Maljukanovic.
Animations by Imoptimal es distribuido bajo los términos de la GPL GNU.

Deberías haber recibido una copia de la Licencia Pública General GNU
junto con este programa. Si no, revisa https://www.gnu.org/licenses/gpl-3.0.en.html/.

Resources

  • animate.css 3.7.2, MIT – available @ https://daneden.github.io/animate.css/
  • imoptimal-logo-white.png © 2018 Ivan Maljukanović, CC0 – made by me, not available online apart from the plugins directory /img, and my personal website @ https://imoptimal.com (used as an asset)
  • banner-772×250.png © 2019 Ivan Maljukanović, CC0 – made by me, not available online apart from the plugins official wordpress.org repository (used as an asset)
  • icon.svg © 2019 Ivan Maljukanović, CC0 – made by me, not available online apart from the plugins official wordpress.org repository (used as an asset)

Capturas

  • Aquí es donde encontrarás la página de ajustes en tu escritorio de administración.
  • Sección de opciones meta en la página de ajustes.
  • Sección plegable de instrucciones en la página de ajustes.
  • Sección de opciones de animación en la página de ajustes.
  • Sección plegable de opciones del grupo de animación en la página de ajustes.

Instalación

  1. Accede a tu área de administración de WordPress.
  2. Busca «Animations by Imoptimal».
  3. Haz clic para instalar «Animations by Imoptimal».
  4. Actívalo a través del menú «Plugins» en WordPress o cuando se pida durante la instalación.
  5. Establece tus opciones desde el área de administración en «Ajustes -> Animations by Imoptimal».

Como alternativa:
1. Descarga el plugin de la página oficial de plugin de WordPress.org.
2. Descomprímelo y sube la carpeta «imoptimal-animations» al directorio «/wp-content/plugins/».
3. Activa el plugin a través del menú «Plugins» en WordPress.
4. Establece tus opciones desde el área de administración en «Ajustes -> Animations by Imoptimal».

FAQ

What if I don’t know how to find out what is the selector (id, class or tag) of an element that I wish to target with the animation settings?

I would suggest using a plugin called ‘SiteOrigin CSS’ which allows you to easily hover over the page elements of your website and determine the right CSS selectors that you need. That plugin is also useful for styling your entire website without any knowledge of coding.

Reseñas

2 de abril de 2020
Just what I was searching for. Simple, powerfull plugin, highly customisable, good looking interface. Congratulation!
Leer la 1 reseña

Colaboradores y desarrolladores

«Animations by Imoptimal» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«Animations by Imoptimal» ha sido traducido a 3 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «Animations by Imoptimal» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.0.0

Lanzamiento del plugin.

1.1.0

Añadida una opción para, en su lugar, activar la animación al pasar el cursor.

1.2.0

Añadida una opción para activar la animación al tocar (pantallas táctiles), así como la opción de modificar la curva de velocidad de la animación.

1.3.0

Incrementado el número de opciones de velocidad y retraso. También se han eliminado los avisos/advertencias.

1.4.0

Añadida la vista previa para todas las acciones (no solo el tipo de animación, como anteriormente).

1.5.0

Added the list of resources and licenses.

1.6.0

Added plugins prefix to all helper functions and asset handlers/files.

1.6.5

Handled error if no items selected.

1.7.0

Changed the translation pot file meta info.

1.7.1

Updated the sanitization of user input in the meta section.

1.7.2

Set the default plugin values upon activation.

1.7.3

Added F.A.Q.

1.7.4

Added support and review links on the plugin settings page.

1.7.5

Moved the user-facing css code into the javascript file.

1.7.6

Reverting back. Loading screen messed up without css files.

1.7.7

Reverting to the 1.7.5 version.