Beschrijving
The Advanced Preloader plugin adds customizable loading animations to your WordPress site, offering flexibility to match your design and branding needs.
Belangrijkste functies
-
Ingebouwde CSS-loaders (nieuw):
- 6 geanimeerde loaders: Spinner, Dual Ring, Bouncing Dots, Bars, Pulse en Progress Bar
- Kies er visueel een, stel de kleur en grootte in en voeg eventueel tekst toe
- Puur CSS, geen afbeelding uploaden nodig en vriendelijker voor bezoekers die liever minder beweging zien
-
Display Rules (nieuw):
- Toon op elke pagina, alleen op de homepage, alleen op geselecteerde pagina’s of overal behalve op geselecteerde pagina’s
- Toon bij elke paginalading, één keer per bezoek of alleen bij het eerste bezoek
- Optioneel te verbergen voor ingelogde gebruikers
- Werkt met plugins voor paginacaching
-
Meerdere weergaveopties:
- Kies uit afbeelding, tekst, afbeelding + tekst, loader of loader + tekst
- Four layout options: Image Over Text, Image Left to Text, Image Right to Text, Image Below Text
-
Aanpasbaar ontwerp:
- Background and text color customization
- Upload je eigen preloaderafbeelding
- Add custom HTML text with multiple lines
- Optie om willekeurige tekstregels te tonen
-
Performance Optimization:
- Lichtgewicht en snel laden
- CSS-animaties voor soepele prestaties
- Aanpasbare animatiesnelheid
- Configuratie van de vertragingstijd
-
Responsive voorbeeld:
- Live voorbeeld in het beheerpaneel
- Responsive voorbeeldvenster in laptopstijl
- Realtime updates terwijl je aanpast
-
Geavanceerde bediening:
- Schakel de preloader met één klik in of uit
- Integratie van de media-uploader
- Kleurkiezer voor eenvoudige kleurselectie
Bijdragen
We welcome contributions from the WordPress community! If you’d like to contribute to this plugin, please visit our GitHub repository:
- Fork de repository
- Maak een feature branch aan
- Voer je verbeteringen door
- Dien een pull request in
Please follow WordPress coding standards and include documentation for any new features.
Support
For support, feature requests, or bug reports, please:
* Visit our GitHub repository
* Open an issue on GitHub
* Contact us through our website
Laten we WordPress samen beter maken!
Licentie
Deze plugin is gelicentieerd onder de GPLv2 of hoger. Dit betekent dat je deze software vrij mag gebruiken, aanpassen en verspreiden, zolang je de voorwaarden van de GPL-licentie behoudt.
Broncode beschikbaar op GitHub: https://github.com/sanjuacodez/advanced-preloader
Schermafbeeldingen
Installatie
- Upload de pluginbestanden naar de map
/wp-content/plugins/advanced-preloader, of installeer de plugin rechtstreeks via het pluginscherm van WordPress. - Activeer de plugin via het ‘Plugins’ scherm in WordPress
- Ga naar Preloader in het beheermenu om de plugin te configureren
- Pas je preloader-instellingen aan en geniet ervan!
FAQ
-
Kan ik een loader-animatie gebruiken in plaats van een afbeelding?
-
Ja. Stel “Preloader Type” in op “Loader Animation” (of “Loader Animation + Text”) en kies een van de zes ingebouwde loaders. De kleur en grootte vind je op het tabblad “Design”.
-
Kan ik de preloader alleen op sommige pagina’s tonen?
-
Ja. Kies op het tabblad “Display Rules” voor “Homepage only”, “Only on selected pages” of “Every page except selected pages” en vink de pagina’s aan.
-
Kunnen bezoekers de preloader maar één keer zien?
-
Ja. Kies bij “Display Rules” “How Often” voor “Once per visit” of “First visit only”. Dit wordt onthouden in de browser van de bezoeker, dus het blijft werken met paginacaching.
-
Kan ik mijn eigen afbeelding voor de preloader gebruiken?
-
Ja! De plugin bevat een media-uploader waarmee je je eigen preloaderafbeelding kunt uploaden en gebruiken.
-
Is deze plugin mobielvriendelijk?
-
Absoluut! De preloader is volledig responsive en werkt perfect op alle apparaten.
-
Kan ik HTML-inhoud toevoegen in het tekstveld?
-
Ja, het tekstveld ondersteunt eenvoudige HTML-tags om je preloadertekst op te maken.
-
Hoe wijzig ik de animatiesnelheid?
-
In the Animation tab, set Animation Speed (how long the fade-out takes) and Delay Time (how long to wait after the page loads). Both accept values like 1s, 0.5s or 500ms.
-
Kan ik elke keer andere tekst gebruiken wanneer de preloader verschijnt?
-
Ja! Schakel de weergavemodus “Random Line” in om telkens een andere regel uit je tekstinhoud te tonen.
Beoordelingen
Er zijn geen beoordelingen voor deze plugin.
Bijdragers & ontwikkelaars
“Advanced Preloader” is open source software. De volgende personen hebben bijgedragen aan deze plugin.
Bijdragers
“Advanced Preloader” is vertaald in 5 talen. Dank voor de vertalers voor hun bijdragen.
Vertaal “Advanced Preloader” naar jouw taal.
Interesse in de ontwikkeling?
Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.
Changelog
1.4.0
- New: Six built-in CSS loaders (Spinner, Dual Ring, Bouncing Dots, Bars, Pulse, Progress Bar) with a visual picker, color and size
- New: Display Rules tab: homepage only, selected pages, excluded pages, once per visit, first visit only, hide for logged-in users
- Verbeterd: de preloader verschijnt nu direct nadat de pagina begint te laden (wp_body_open) en staat boven andere overlays
- Verbeterd: het live voorbeeld toont loaders en bedekt het instellingenformulier niet meer
- Verbeterd: schermlezers kondigen de laadstatus aan
- Getest met WordPress 7.1
- Fixed PHP warnings when the preloader is enabled before the type and layout settings are saved
- Fixed the Animation Speed setting, which was saved but never applied to the fade-out
- Delay Time and Animation Speed now accept values like 1s, 0.5s or 500ms
1.3.2
- Added WordPress 6.8.1 support
1.3.1
- Beveiligingsbugs opgelost
1.3
- Verbeterde gebruikerservaring
1.2
- Weergavemodus voor willekeurige tekstregels toegevoegd
- Verbeterd responsive voorbeeldsysteem
- Verbeterde beheerinterface
- Problemen met tabbladnavigatie opgelost
- Meer lay-outopties toegevoegd
1.1
- Verbeterde integratie van de media-uploader
- Implementatie van de kleurkiezer opgelost
- Verbeterde mobiele responsiviteit
1.0
- Eerste release van Advanced Preloader