Beschrijving
Met Scrollsequence kan je geweldige animaties van afbeeldingen maken die worden bestuurd met muiswiel of aanraking. Verander een statisch ontwerp in een paar klikken in een filmervaring.
Laat je site tot leven komen, scroll door video en interactieve content. Je kan het gebruiken om een opvallende animatiereeks op je homepage of in afzonderlijke berichten en pagina’s te maken om bezoekers een meer boeiende manier te bieden om je inhoud te ontdekken.
Nooit eerder gezien op WordPress
Scroll sequence technologie was exclusief voor grote technologiebedrijven, die het budget en de vaardigheden hebben om het helemaal opnieuw te implementeren. Sony, Apple en Samsung maakten gebruik van deze scroll techniek, leer hoe ze gebruik hebben gemaakt van scroll animaties en hoe je deze functie eenvoudig aan je site kan toevoegen.
Aan de slag
- Bekijk enkele voorbeelden op onze website
- Kijk rond in de live demo sandbox
- Bekijk de documentatie
- Abonneer je op ons Youtube kanaal
Belangrijkste functies
- Snelheid – Dankzij HTML5 canvas-technologie voor het tekenen van afbeeldingen en snelle scripts en HTML
- Verslepen – afbeeldingen, scènes en animaties opnieuw ordenen
- HTML-elementen animeren – schrijf en animeer inhoud synchroon met media-elementen
- WYSIWYG-editor – shortcode en oEmbed mogelijkheden
- Compatible – Use with Gutenberg, Elementor, Divi, Oxygen, Beaver Builder and many others
- SEO – alle inhoud is zichtbaar voor zoekmachines
- Volledig responsive – opties voor formaat en uitlijning voor mobiel en desktop
- Mediagalerij – backend uploaden en selecteren
- Vooraf laden van afbeeldingen – afbeeldingen worden vooraf op de achtergrond geladen
- Aangepaste CSS – voeg je eigen stijlen toe
- Instellingen voor afbeeldingsdekking en achtergrondkleur
- Scrollsequence snelheidsinstellingen
- Fallback-optie wanneer de gebruiker Javascript heeft uitgeschakeld
- Opties om footer en zijbalk te verbergen/tonen
- Standaard WordPress shortcode-ondersteuning
Wat zeggen anderen over Scrollsequence?
” Zoiets heb je nog niet eerder gezien in WordPress. ” – Bjorn Allpas – WP Learning Lab
” Dit tilt de interactiviteit naar een hoger niveau. ” – Imran Siddiq – Web Squadron
” Game Changer – Ik ben erg enthousiast over de toekomst van deze plugin, want het is verbazingwekkend. Enthousiast over wat de toekomst in petto heeft en kijk uit naar widget-functionaliteit misschien in builders zoals Divi.” – Luke Dempsey
” Beste uitvoering van scrolly telling – Ik heb veel manieren geprobeerd om scrolly telling content te maken… van lottie-bestanden tot scroll-triggers tot aangepaste gsap-dingen. Geen komt echter in de buurt van wat Scrollsequence kan doen .” – Leon Kiongwei
” Geweldige plugin – Het werkt, het is vloeiend. Je hebt alleen wat tijd nodig om de logica te begrijpen, maar het is vrij eenvoudig.” – P Fabor
Schermafdrukken
Installatie
- Upload het Scrollsequence .zip bestand naar de
/wp-content/plugins/
map - Activeer de plugin via het menu ‘Plugins’ in WordPress
- Navigeer naar het adminmenu van Scrollsequence
- Volg “Aan de slag” in het dashboardmenu
FAQ
-
Moet ik kunnen programmeren?
-
No, Scrollsequence makes it easy for you to create unique user experiences with animated background.
-
Kan ik het op elke site gebruiken?
-
Ja, als je een bestaande website hebt, kan je deze functionaliteit met een paar klikken toevoegen.
-
Kan ik Scrollsequence gebruiken samen met Elementor of Divi?
-
Ja, voeg gewoon de shortcode in een willekeurige builder van je keuze in en het zal naadloos in elkaar overgaan!
-
Hoe kan ik de animatie toevoegen aan bericht of pagina?
-
Gebruik shortcode [scrollsequence id=”####”] om het in een pagina of bericht in te voegen.
-
Is Scrollsequence compatibel met alle thema’s?
-
We hebben ons best gedaan om het op elke site te kunnen gebruiken. Het wordt aanbevolen om thema’s te gebruiken die het normale scrollgedrag niet bewerken met aangepaste schuifbalken of AJAX-overgangen. Neem contact op met onze ondersteuning als je problemen ondervindt met de integratie met je thema.
-
Is het gratis?
-
Ja, de basisfunctionaliteit is gratis. Als je zin hebt, kan je PRO- of Business-versie kopen.
-
Bied je ondersteuning?
-
Ja, er is e-mailondersteuning voor de PRO-versie. Als je de gratis versie gebruikt, aarzel dan niet en stel je vraag op het WordPress-ondersteuningsforum.
-
Hoe zit het met de laadtijden van pagina’s?
-
De eerste paar afbeeldingen worden opgehaald tijdens het laden van de pagina. Zodra een minimaal aantal afbeeldingen is geladen, wordt de animatie weergegeven en worden de resterende afbeeldingen op de achtergrond geladen.
Beoordelingen
Bijdragers & ontwikkelaars
“Scrollsequence – Cinematic Scroll Image Animation Plugin” is open source software. De volgende personen hebben bijgedragen aan deze plugin.
Bijdragers“Scrollsequence – Cinematic Scroll Image Animation Plugin” is vertaald in 6 talen. Dank voor de vertalers voor hun bijdragen.
Vertaal “Scrollsequence – Cinematic Scroll Image Animation Plugin” naar jouw taal.
Interesse in ontwikkeling?
Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.
Changelog
1.4.5
- Delete All button fix
1.4.4
- Carbon fields library update to 3.6
1.4.3
hotfix
– gsap rollback to 3.8.0
1.4.2
- .scrollsequence-canvas animation fix
1.4.1
- gsap update to 3.12.2
- wordpress 6.3 support check
1.4.0
- bug fix
1.3.81
- Front end display added
- Console.log cleanup
1.3.7
- start trigger visibility fix
- front end development information added to “Show Triggers”
1.3.6
- Freemius SDK Update
- Docs link added
- WordPress 6.2 & 2323 Theme compatibility
1.3.5
- Update, ssqalert
1.3.4
- Update
1.3.3
- High Definition Canvas Option
- WP Rocket Image CDN Support
1.3.2
- FSE Bugfix
1.3.1
- Position Absolute
- More options for hiding scrollsequence on specific devices
1.3.0
Major Update
– Knowledge Base Dashboard Link Added
– Options added for position (CSS Sticky, JS Sticky and Static)
– .scrollsequence-spacer DOM element removed
– Scrollsequence DOM wrapper and comment added
– Delayed refresh caused frame drop – Fixed
– Bugfix Safari “Error repeatedly occured”
– Minor updates
– Freemius SDK 2.4.5 Update
1.2.7
- Meta Box Bugfixes
- HelpScout Beacon
- Trial does not require a card
- Affiliate SDK fix