¡Nueva función!: transiciones de página suaves (personalizables)
Visión general
PageLoader es una pantalla de carga totalmente personalizable y un complemento de barra de progreso para WordPress. Agréguelo a su tema como un precargador simple o utilícelo como una herramienta de marca completa; las herramientas de personalización increíblemente fáciles de usar permiten ambas cosas. PageLoader es un precargador increíblemente liviano y discreto que causa una impresión instantánea en sus visitantes.
- Agregar a cualquier tema
- Personalice con vistas previas en tiempo real
- Compatible con WordPress multisitio
- Probado y probado exhaustivamente en diferentes dispositivos, navegadores y sistemas operativos.
- Desarrollado activamente
- Actualizaciones gratuitas de por vida
- Desarrollador probado con soporte elogiado por el cliente
Características y funcionalidad
icono de carga
- Elija entre 10 íconos animados incluidos
- Coloque el icono en cualquier lugar de la pantalla
- Cambie libremente la velocidad, el tamaño y los colores de la animación de los iconos
- Agregar efectos de desenfoque y desvanecimiento
- Opcionalmente, ocultar el icono por completo
Cargando imagen
- Sube la imagen o ingresa la URL de la imagen
- Coloque la imagen en cualquier lugar de la pantalla
- Agregue animación pulsante y controle la velocidad de la animación
- Agregar efectos de desenfoque y desvanecimiento
Fondo
- Animaciones de fundido o deslizamiento (dirección de control, escala, velocidad de animación)
- Habilitar opcionalmente transiciones de página suaves (la pantalla de carga aparece en el momento en que se hace clic en un enlace)
- Configure cualquier combinación de animaciones de aparición/desaparición. Por ejemplo:
- la pantalla de carga se desvanece a la vista pero se desliza hacia la parte inferior de la pantalla fuera de la vista
- la pantalla de carga se desliza hacia adentro desde la izquierda y se desliza hacia afuera hacia la derecha
- etc.
- Opcionalmente, deshabilite la animación del contenido del sitio web para la precarga
- Personaliza el color de fondo
- Agregue un color de fondo secundario para la animación de desvanecimiento (control de velocidad incluido)
- Use un color de fondo secundario para el degradado de fondo (se puede animar, la velocidad de animación se puede personalizar)
- Personalice la transparencia del color de fondo para un efecto transparente
- Subir imagen de fondo (establecer como patrón o tamaño completo)
- Personalice la transparencia de la imagen de fondo para un efecto transparente
Barra de progreso
- Colocar en cualquier lugar de la pantalla
- Personalice el ancho, el grosor y la redondez de la barra
- Visualización opcional a pantalla completa
- Personalice la barra y los colores de fondo de la barra (opción de degradado también disponible)
- Deshabilitar opcionalmente en dispositivos táctiles
- Opcionalmente, deshabilite todos los demás elementos y muestre solo la barra de progreso
- Opcionalmente, deshabilite la barra de progreso por completo
Cargando mensajes
- Posición en cualquier lugar de la pantalla
- Ingrese hasta 5 textos de carga, para que se muestren al azar en cada carga de página
- Personalizar el color del texto de carga
- Personaliza el tamaño de fuente
- Usar fuente de tema
Protección de función de cierre
- Si la carga tarda demasiado, aparece un mensaje útil con una función de cierre. Esto es útil si algo impide que una página termine de cargarse (contenido incrustado de un tercero que no responde, por ejemplo).
- Establecer tiempo de aparición personalizado
- Ingrese texto personalizado
- Personaliza el texto y los colores de fondo
- Personalizar la redondez de la esquina del botón
- Usar fuente de tema
Animación de contenido del sitio web posterior a la carga
- Apunte a todo el cuerpo del sitio o solo a elementos específicos (el título y el contenido de una publicación de blog, por ejemplo)
- Personaliza la velocidad de la animación
- Personalice la dirección y la distancia de la animación deslizable
- Personaliza la animación de escala
- Personalice la opacidad de los elementos a los que se aplica la animación
Otras opciones
- Muestre todo lo que desee en la pantalla de carga a través de la ubicación del widget sin estilo incluido
- Mostrar solo una vez por sesión del navegador
- Establecer un retraso personalizado para la desaparición de la pantalla de carga
- Deshabilitar el cargador en publicaciones/páginas específicas
- Mostrar pantalla de carga solo en dispositivos táctiles
- Mostrar el cargador solo en la página de inicio (excelente para el comportamiento de la pantalla de bienvenida)
Nota importante sobre la versión 4
El lanzamiento de la versión 4 es una actualización notable de PageLoader con numerosos elementos cambiados y agregados. Al actualizar a la versión 4 desde una versión anterior, tenga en cuenta que lo más probable es que deba volver a ingresar algunas de sus configuraciones. Este es un efecto secundario desafortunado de los cambios y optimizaciones incluidas en la reconstrucción. Sin embargo, esto se hizo con la vista puesta en el futuro, así que espere con ansias la evolución continua de PageLoader; como siempre, todas y cada una de las actualizaciones serán 100 % gratuitas para los clientes existentes.
registro de cambios
Version 4.4 - PageLoader now supports smooth page transitions (see updated examples #1 and #2 on the demo site, feature can be enabled in the 'Background' settings section) -- create any start/end animation combination -- optionally disable website content animation for pre-load - Added content overlay color option (allows for color and opacity customization)
Version 4.3 - Added options to customize close function button background colors and corner roundness (view example #2 on demo site)
Quick update (no version change) - Some JS script and translation string updates
Version 4.2 - Added additional slots for loading messages
Version 4.1 - Added animated gradient background color setting (view example #3 on demo site)
Version 4.0 - Replaced all 10 default icons with new ones (instead of simply rotating, each icon now has a unique animation of their own, the speed of which can be customized alongside the icons' colors and size) - Separated loading icon and image settings. When image is used, it no longer overrides the icon. In short, it is now possible to display the loading icon and image simultaneously, individually, or not at all. One can be positioned and fully set up independently from the other. - Separated loading texts and close function settings for greater control and future extendibility of each. - Added full-screen option for progress bar. - Added option to customize progress bar corner roundness. - Re-did progress bar's positioning options for much greater flexibility. - Removed animated dots option (redundant now as new icons include similar designs/animations).
Actualizaciones anteriores
- Added secondary background color option. When used, the background will fade between the colors (animation speed is customizable as well). View example #4 on the demo site to see it in action. - Added option for multiple loading sentences (displayed randomly on page load). - Added blur and opacity load start effects to loading icon/image. Note: blur effect not yet perfectly supported by all browsers (to be considered as future-ready feature). - Added option to slide/fade in loading elements at beginning of load (shown on examples #2 and #3 on demo site) - Added an unstyled widget location - Added option to completely hide loading icon/image - Added 'once-per-session' option. It is now possible to have the loading screen display just once, on the visitor's first page view only. - It is now possible to display the loading image from an off-site URL - Added option to enter custom ALT text for the loading image - Animated loading dots can now be scaled at will - Next to top and bottom of screen placements, progress bar can now also be placed below the loading icon/image - Progress bar's width can now be customized - Progress bar now has a padding option - Added additional color option to progress bar for gradient effect - Added option to set custom image size for custom loading image - Added option to use theme font for loading sentence (+ option to change the font size) - Added option to unload GoogleFont for cases where loading sentence is not used or when a theme font is used instead - Added additional loading screen animation options (slide-out, scaling, speed). See demo site example #3 for one possible outcome. - The loading/progress bar can now optionally be disabled for touch devices - Expanded upon post-load content animation possibilities. You can now: ----- apply custom scaling to content ----- apply custom opacity to content - Added additional content slide-in animation option: it is now possible to target specific elements only (post title and content for example). - Expanded upon content slide-in animation options --- It is now possible to customize slide-in speed, distance as well as direction (from top or bottom) --- Slide-in animation is now much smoother on touch devices --- The slide-in options are now placed in their own section - Added progress bar --- Customize bar thickness --- Customize bar and bar background colors --- Customize placement (top or bottom of screen) --- Optionally disable --- Optionally disable all other elements and display the progress bar only - Expanded upon the close function: --- Set custom timing for close function appearance --- Enter custom text for close function --- Close function text color now customized separately from loading text - Moved all customization settings to the WordPress real-time customizer - Added alternate animation style which scales the loading icon/image upon load completion - Added option to set custom load delay - A background image can now be added to the loading screen (as either a pattern or full-size) - Added option to change background image opacity - Added optional animated dots under loading text (very useful if you are for example showing a static logo as the loading image but would still like to convey progress to the visitor) - Color of animated dots can be changed - Changed loading text font to a more neutral one - Added fade-in/out animation option (useful if you use a logo image as the loading indicator for example) - Added option to replace loading icon with an image - Added option to show loading screen on front page only - Added new feature: a close button will now appear after 7 seconds, allowing users to get past the loading screen if for example a third-party embed takes too long to load - Fixed situation where the loading icon would still get shown when PageLoader was hidden per post/page; both the background and icon are now hidden properly when said option is chosen. - Custom loading text can now be added below the icon - Added option to change background opacity - Icon spin animation can now be disabled - Added option to show PageLoader on mobile devices only (great if you want to add app-like page transitions to your mobile site) - Added option to disable the page slide-in animation - the plugin now comes with a settings page that allows users to: --- pick from a selection of icons --- change the icon size --- change the icon animation direction --- change the icon animation speed - the PageLoader loading screen can now be disabled for specific posts/pages
