Beschrijving
De plugin Advanced Preloader voegt aanpasbare laadanimaties toe aan je WordPress site en biedt de flexibiliteit om aan te sluiten bij je ontwerp en branding.
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
- Vier lay-outopties: Afbeelding boven tekst, Afbeelding links van tekst, Afbeelding rechts van tekst, Afbeelding onder tekst
-
Aanpasbaar ontwerp:
- Aanpassing van achtergrond- en tekstkleur
- Upload je eigen preloaderafbeelding
- Voeg aangepaste HTML-tekst met meerdere regels toe
- Optie om willekeurige tekstregels te tonen
-
Prestatie-optimalisatie:
- 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 besturingselementen:
- Schakel de preloader met één klik in of uit
- Integratie van de media-uploader
- Kleurkiezer voor eenvoudige kleurselectie
Bijdragen
We verwelkomen bijdragen van de WordPress-community! Als je wilt bijdragen aan deze plugin, bezoek dan onze GitHub-repository:
- Fork de repository
- Maak een feature branch aan
- Voer je verbeteringen door
- Dien een pull request in
Volg de WordPress codeerstandaarden en voeg documentatie toe voor nieuwe functies.
Ondersteuning
Voor ondersteuning, funxrieverzoeken of bugrapporten, kunt je:
* Bezoek onze GitHub-repository
* Open een issue op GitHub
* Neem contact met ons op via onze site
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
/wp-content/plugins/advanced-preloaderfolder, of installeer de plugin direct via het WordPress plugin scherm. - Activeer de plugin via het scherm ‘Plugins’ 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?
-
Yes. Set Preloader Type to “Loader Animation” (or “Loader Animation + Text”) and pick one of the six built-in loaders. Its color and size are in the Design tab.
-
Kan ik de preloader alleen op sommige pagina’s tonen?
-
Yes. In the Display Rules tab, choose Homepage only, Only on selected pages, or Every page except selected pages, and tick the pages.
-
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 content toevoegen in het tekstgebied?
-
Ja, het tekstveld ondersteunt eenvoudige HTML-tags om je preloadertekst op te maken.
-
Hoe wijzig ik de animatiesnelheid?
-
Stel op het tabblad “Animation” de “Animation Speed” (hoe lang het uitfaden duurt) en de “Delay Time” (hoe lang er na het laden van de pagina wordt gewacht) in. Beide accepteren waarden zoals 1s, 0.5s of 500ms.
-
Kan ik elke keer andere tekst gebruiken wanneer de preloader verschijnt?
-
Ja! Schakel de weergavemodus “Random Line” in om elke keer een andere regel uit je content weer te geven.
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 localen. Dank voor de vertalers voor hun bijdragen.
Vertaal “Advanced Preloader” in je eigen taal.
Interesse in ontwikkeling?
Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.
Changelog
1.4.0
- Nieuw: zes ingebouwde CSS-loaders (Spinner, Dual Ring, Bouncing Dots, Bars, Pulse, Progress Bar) met visuele kiezer, kleur en grootte
- Nieuw: tabblad Display Rules: alleen homepage, geselecteerde pagina’s, uitgesloten pagina’s, één keer per bezoek, alleen eerste bezoek, verbergen voor ingelogde gebruikers
- 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
- PHP-waarschuwingen opgelost wanneer de preloader wordt ingeschakeld voordat de instellingen voor type en lay-out zijn opgeslagen
- Probleem opgelost waarbij de instelling Animation Speed werd opgeslagen maar nooit werd toegepast op het uitfaden
- Delay Time en Animation Speed accepteren nu waarden zoals 1s, 0.5s of 500ms
1.3.2
- WordPress 6.8.1-ondersteuning toegevoegd
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