Hoy exploraremos el plugin Maz Loader, diseñado para crear precargadores de páginas personalizados que mejoran la experiencia del usuario mientras esperan que tu sitio cargue.
Descripción de Maz Loader
Maz Loader facilita la incorporación de varios estilos de precargadores en tu sitio web, asegurando que los usuarios disfruten la espera mientras se carga el contenido. El plugin proporciona un generador intuitivo para comenzar rápidamente.
Maz Loader Builder
El constructor de Maz Loader está dividido en varias secciones clave para personalizar tu precargador:
Lista de Campos Los precargadores se componen de diversos campos que llenan su contenido, incluyendo:
- Campo de texto
- Campo de imagen
- Campo de icono
- Próximamente:
- Campo de barra de progreso
- Campo de porcentaje
- Campo personalizado
Configuraciones de Campos Cada campo ofrece una amplia gama de configuraciones que incluyen tamaño de fuente, colores de texto y fondo, márgenes de relleno, y opciones para subir imágenes o especificar URLs personalizadas. Los iconos, como los precargadores, están disponibles en formatos SVG, GIF y CSS. La función de arrastrar y soltar permite reorganizar los campos fácilmente sin perder configuraciones.
Configuración de Apariencia del Cargador Personaliza el aspecto visual del precargador a través de la pestaña de Apariencia, donde puedes establecer:
- Color de fondo: Elije cualquier color para el fondo del precargador.
- Imagen de fondo: Configura una imagen como fondo del precargador.
- Tipo de imagen de fondo: Define cómo se mostrará la imagen (patrón o portada).
- Posición de la imagen de fondo: Ajusta la posición de la imagen.
- Posición del contenido del cargador: Elige entre 9 posiciones para mostrar el contenido del precargador.
- Elementos del cargador lado a lado: Alinea los elementos del precargador uno al lado del otro.
- Desactivar desplazamiento de página: Oculta las barras de desplazamiento mientras se muestra el precargador.
Configuraciones del Cargador Esta sección gestiona los tiempos y la visibilidad del precargador en tu sitio:
- Tiempo mínimo de carga: Define cuánto tiempo mínimo mostrará el precargador.
- Duración: Establece la duración total del precargador (tiempo mínimo + duración).
- Retraso: Configura cuándo aparecerá el precargador después de que la página comience a cargar.
- Mostrar en la página de inicio: Decide si el precargador aparecerá solo en la página de inicio o en todo el sitio.
Botones de Respuesta del Cargador Maz Loader ofrece botones para previsualizar cómo se verá el precargador en diferentes dispositivos (escritorio, tabletas y móviles). Al hacer clic en cada botón, el generador ajusta el tamaño del navegador para demostrar la apariencia del precargador en diferentes pantallas.
Botón Ejecutar Cargador Este botón permite ejecutar y previsualizar el precargador en tiempo real antes de implementarlo. Después de la carga inicial, se oculta automáticamente y vuelve a aparecer después de un segundo, facilitando la edición continua.
Con Maz Loader, crear y personalizar precargadores de páginas en WordPress es fácil y efectivo, mejorando significativamente la experiencia del usuario durante la carga del sitio.
Nos vemos en el siguiente tutorial.
Un saludo.
Deja tus opiniones o dudas en los comentarios.