Advanced Preloader

Descripción

El plugin Advanced Preloader añade animaciones de carga personalizables a tu sitio de WordPress, con la flexibilidad necesaria para adaptarse a tu diseño y a las necesidades de tu marca.

Características principales

  • «Cargadores CSS integrados (nuevo):»

    • 6 cargadores animados: icono de carga, doble anillo, puntos con rebote, barras, pulso y barra de progreso
    • Elige uno de forma visual, define su color y tamaño y, si quieres, añade texto
    • CSS puro, sin necesidad de subir imágenes y más amable con los visitantes que prefieren menos movimiento
  • Reglas de visualización (nuevo):

    • Se muestra en todas las páginas, solo en la página de inicio, solo en páginas seleccionadas o en todas partes excepto en las páginas seleccionadas
    • Se muestra en cada carga de página, una vez por visita o solo en la primera visita
    • Opcionalmente, ocúltalo para los usuarios que han iniciado sesión
    • Compatible con plugins de caché de páginas
  • Múltiples opciones de visualización:

    • Elige entre Imagen, Texto, Imagen + Texto, Cargador o Cargador + Texto
    • Cuatro opciones de diseño: imagen sobre el texto, imagen a la izquierda del texto, imagen a la derecha del texto, imagen debajo del texto
  • Diseño personalizable:

    • Personalización del color de fondo y del texto
    • Sube tu propia imagen del indicador de carga
    • Añade texto HTML personalizado con varias líneas
    • Opción de mostrar una línea de texto aleatoria
  • Optimización del rendimiento:

    • Ligero y de carga rápida
    • Animaciones CSS para un rendimiento fluido
    • Velocidad de animación personalizable
    • Configuración del tiempo de retraso
  • Vista previa adaptable:

    • Vista previa en vivo en el panel de administración
    • Ventana de vista previa adaptable con estilo de portátil
    • Actualizaciones en tiempo real mientras personalizas
  • Controles avanzados:

    • Activa/desactiva el indicador de carga con un clic
    • Integración del cargador de medios
    • Selector de color para elegir colores fácilmente

Contribuir

¡Damos la bienvenida a las contribuciones de la comunidad de WordPress! Si quieres contribuir a este plugin, visita nuestro repositorio de GitHub:

Advanced Preloader en GitHub

  1. Haz un fork del repositorio
  2. Crea una rama de función
  3. Realiza tus mejoras
  4. Envía una pull request

Sigue los estándares de programación de WordPress e incluye documentación para cualquier función nueva.

Soporte

Para soporte, solicitudes de características o informes de fallos, por favor:
* Visita nuestro repositorio de GitHub
* Abre un problema en GitHub
* Ponte en contacto con nosotros a través de nuestro sitio web

¡Hagamos que WordPress sea mejor entre todos!

Licencia

Este plugin está licenciado bajo la GPLv2 o posterior. Esto significa que eres libre de usar, modificar y distribuir este software siempre que conserves los términos de la licencia GPL.

Source code available on GitHub: https://github.com/sanjuacodez/advanced-preloader

Capturas

Instalación

  1. Sube los archivos del plugin al directorio /wp-content/plugins/advanced-preloader, o instala el plugin directamente a través de la pantalla de plugins de WordPress.
  2. Activa el plugin desde la pantalla «Plugins» de WordPress
  3. Vaya a indicador de carga en el menú de administración para configurar el plugin.
  4. Personaliza tus ajustes del indicador de carga y ¡disfruta!

FAQ

¿Puedo usar una animación de carga en lugar de una imagen?

Sí. Establece el tipo de indicador de carga en “Loader Animation” (o “Loader Animation + Text”) y elige uno de los seis indicadores integrados. Su color y tamaño están en la pestaña Diseño.

¿Puedo mostrar el indicador de carga solo en algunas páginas?

Sí. En la pestaña Reglas de visualización, elige Página de inicio solo, Solo en páginas seleccionadas o Todas las páginas excepto las seleccionadas, y marca las páginas.

¿Los visitantes pueden verlo solo una vez?

Sí. En Reglas de visualización ¿Con qué frecuencia?, elige «Una vez por visita» o «Solo en la primera visita». Se recuerda en el navegador del visitante, por lo que sigue funcionando con el almacenamiento en caché de la página.

¿Puedo usar mi propia imagen para el indicador de carga?

¡Sí! El plugin incluye un cargador de medios en el que puedes subir y usar tu imagen personalizada para el indicador de carga.

¿Este plugin es compatible con móviles?

¡Por supuesto! El indicador de carga es totalmente adaptable y funciona perfectamente en todos los dispositivos.

¿Puedo añadir contenido HTML en el área de texto?

Sí, el campo de texto es compatible con / da soporte a etiquetas HTML básicas para dar formato al texto de tu indicador de carga.

¿Cómo cambio la velocidad de la animación?

En la pestaña Animación, establece la Velocidad de animación (el tiempo que tarda en desvanecerse) y el Tiempo de retardo (cuánto hay que esperar después de que se cargue la página). Ambos aceptan valores como 1s, 0,5s o 500ms.

¿Puedo usar un texto diferente cada vez que aparezca el indicador de carga?

¡Sí! Activa el modo de visualización «Línea aleatoria» para mostrar una línea distinta de tu contenido cada vez.

Reseñas

No hay valoraciones para este plugin.

Colaboradores y desarrolladores

«Advanced Preloader» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«Advanced Preloader» está traducido en 5 idiomas. Gracias a los traductores por sus contribuciones.

Traduce «Advanced Preloader» 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.4.0

  • Nuevo: seis cargadores CSS integrados (icono de carga, doble anillo, puntos que rebotan, barras, pulso y barra de progreso) con selector visual, color y tamaño.
  • Nuevo: pestaña Reglas de visualización: solo página de inicio, páginas seleccionadas, páginas excluidas, una vez por visita, solo primera visita, ocultar a usuarios que han iniciado sesión
  • Mejorado: El indicador de carga ahora aparece justo después de que la página empiece a cargarse (wp_body_open) y se sitúa por encima de otras superposiciones.
  • Mejorado: La vista previa en vivo muestra los cargadores y ya no oculta el formulario de ajustes.
  • Mejorado: los lectores de pantalla anuncian el estado de carga
  • Probado con WordPress 7.1
  • Se corrigieron advertencias de PHP cuando el indicador de carga se activa antes de guardar el tipo y la estructura/diseño.
  • Se corrigió el ajuste de la velocidad de la animación, que se guardó pero nunca se aplicó a la salida gradual (fade-out).
  • «El tiempo de retardo y la velocidad de la animación ahora aceptan valores como 1 s, 0,5 s o 500 ms».

1.3.2

  • Añadida compatibilidad con WordPress 6.8.1

1.3.1

  • Corregidos errores de seguridad

1.3

  • UX mejorada

1.2

  • Añadido modo de visualización de línea de texto aleatoria
  • Sistema de vista previa adaptable mejorado
  • Interfaz de administración mejorada
  • Corregidos problemas de navegación entre pestañas
  • Añadidas más opciones de diseño

1.1

  • Mejorada la integración del cargador de medios
  • Corregida la implementación del selector de color
  • Mejor adaptación a móviles

1.0

  • Versión inicial de Advanced Preloader