✅ PRECARGADORES DE PÁGINAS PERSONALIZADOS ➡️ MAZ LOADER

Hoy vamos a ver el plugin Maz Loader con el cual podemos crear precargadores de páginas personalizados.

&MAZ LOADER PRECARGADORES PERSONALIZADOS DE PÁGINAS WORDPRESS

Descripción
MAZ Loader le ayuda a agregar diferentes estilos de precargadores en su sitio para que sus usuarios se sientan encantados de esperar a que se cargue su sitio. MAZ Loader proporciona un generador para ayudarlo a comenzar lo más fácil posible.

MAZ Loader Builder consta de las siguientes secciones:

  1. Lista de campos
  2. Configuraciones de campos
  3. Configuración de apariencia del cargador
  4. Configuraciones del cargador
  5. Botones de respuesta del cargador
  6. Botón Ejecutar cargador

A continuación podemos encontrar más información para cada una de las secciones anteriores.

LISTA DE CAMPOS
Un cargador consta de campos que pueblan el contenido del cargador. Los campos disponibles son los siguientes:

  • Campo de texto
  • Campo de imagen
  • Campo de icono
  • Campos próximos:
  • * Campo de barra de progreso
  • * Campo de porcentaje
  • * Campo personalizado

 

CONFIGURACIONES DE CAMPO
Todos los campos mencionados le proporcionan una variedad de configuraciones:

  • Tamaño de fuente
  • Color de texto
  • Color de fondo
  • Margen de relleno
  • Subir imagen
  • URL de imagen personalizada
  • Establecer el ancho y la altura de las imágenes
  • Radio de frontera
  • Iconos (precargadores) de una lista de SVG, GIFS y CSS

Una vez que haya agregado sus campos a su cargador, puede cambiar su orden usando Arrastrar y soltar, lo que hace que sea muy fácil controlar su contenido sin la necesidad de eliminar un campo, perder su configuración y volver a crearlo. Duplicar un campo también es compatible con el clic de un botón que crea el mismo campo y lo coloca en la parte inferior del contenido de su cargador.

CONFIGURACIÓN DE APARIENCIA DEL CARGADOR
Su cargador se puede personalizar a través de la pestaña Apariencia que contiene configuraciones como:

Color de fondo: establezca cualquier color para el fondo de su cargador
Imagen de fondo: establece una imagen como fondo de tu cargador
Tipo de imagen de fondo: establezca cómo aparecerá la imagen de fondo (patrón o portada)
Posición de la imagen de fondo: establece la posición de la imagen de fondo
Posición del contenido del cargador: una lista de 9 posiciones diferentes sobre cómo aparecerá el contenido de su cargador
Elementos del cargador de lado a lado: configure los elementos del cargador para que aparezcan uno al lado del otro en lugar de uno debajo del otro. Esta configuración no funciona con todas las posiciones de contenido.
Desactivar desplazamiento de página: mientras se muestra su cargador, puede desactivar las barras de desplazamiento en su página.

CONFIGURACIONES DEL CARGADOR
Esta sección maneja los tiempos de su cargador, así como si debe mostrar su cargador en la página de inicio (si está configurado para aparecer en todo el sitio).

Tiempo mínimo de carga: establezca el tiempo mínimo que mostrará su cargador
Duración: establezca la duración de su cargador (la duración total consiste en el tiempo mínimo de carga + duración)
Retraso: establezca cuánto tiempo después de que su página comenzó a cargar su cargador aparecerá.
Mostrar en la página de inicio: si ha configurado su cargador para que aparezca en todo el sitio, puede configurarlo para que aparezca solo en su página de inicio.

BOTONES DE RESPUESTA DEL CARGADOR
MAZ Loader le proporciona 3 botones para mostrar cómo aparecerá su cargador en diferentes dispositivos, como computadoras de escritorio, tabletas y dispositivos móviles. Al hacer clic en cada uno de los botones, el navegador de demostración en el generador cambiará de tamaño para probar y demostrar su cargador en diferentes dispositivos.

BOTÓN EJECUTAR CARGADOR
El botón Ejecutar cargador le permite ejecutar su cargador y ver cómo funcionará en su sitio antes de habilitarlo. Se ocultará automáticamente al inicio y luego usará el Tiempo mínimo de carga, la Duración y el Retraso para darle una demostración en vivo de cómo funcionaría en su sitio. Una vez que finaliza el cargador, se ocultará y volverá a aparecer después de un segundo para permitirle continuar editándolo.

 

Nos vemos en el siguiente tutorial.

Un saludo.