Scrollsequence – Cinematic Scroll Image Animation Plugin

Beschreibung

Mit Scrollsequence kannst du atemberaubende Bildsequenz-Animationen erstellen, die mit dem Mausrad oder durch Berührung gesteuert werden. Verwandle ein statisches Design mit wenigen Klicks in ein filmisches Erlebnis.

Erwecke deine Website zum Leben, scrolle durch Videos und interaktive Inhalte. Du kannst damit eine auffällige Animationssequenz auf deiner Homepage oder in einzelnen Beiträgen und Seiten erstellen, um deine Besucher mit einer filmischeren, fesselnderen Art auf deine Inhalte aufmerksam zu machen.

Noch nie zuvor auf WordPress gesehen

Scroll sequence technology was exclusive to big tech companies, who have budget and skills to implement it from scratch. Sony, Apple and Samsung made use of this background animation technique, learn how they made use of scroll animations and how to add this feature to your site with ease.

Erste Schritte

Hauptfunktionen

  • Leistung – Dank der HTML5-Canvas-Technologie zum Zeichnen von Bildern und leichtgewichtigen Skripten und HTML
  • Drag-and-drop – Bilder, Szenen und Animationen neu anordnen
  • HTML-Elemente animieren – Inhalte mediensynchron schreiben und animieren
  • WYSIWYG-Editor – Shortcode- und oEmbed-Fähigkeit
  • Compatible – Use with Gutenberg, Elementor, Divi, Oxygen, Beaver Builder and many others
  • SEO – Alle Inhalte sind für Suchmaschinen sichtbar
  • Vollständig responsiv – Größen- und Ausrichtungsoptionen für Mobil- und Desktopgeräte
  • Mediengalerie – Backend-Upload und Auswahl
  • Vorladen von Bildern – Bilder werden im Hintergrund vorgeladen
  • Individuelles CSS – Füge deine eigenen Stile hinzu
  • Einstellungen für die Deckkraft und Hintergrundfarbe von Bildern
  • Einstellungen für die Scrollsequenz-Geschwindigkeit
  • Fallback-Option, wenn der Benutzer Javascript deaktiviert hat
  • Optionen zum Ausblenden/Anzeigen von Fußzeile und Seitenleiste
  • Native WordPress-Shortcode-Unterstützung

Was sagen andere über Scrollsequence?

So etwas hast du in WordPress noch nie gesehen. “ – Björn Allpas – WP Learning Lab

Dies hebt Interaktivität auf eine neue Ebene. “ – Imran Siddiq – Web Squadron

Game Changer – Ich bin wirklich gespannt auf die Zukunft dieses Plugins, denn es ist einfach fantastisch. Ich bin gespannt, was die Zukunft bringt und freue mich auf die Widget-Funktionalität, vielleicht in Buildern wie Divi.“ – Luke Dempsey

Beste Ausführung von Scrolly Telling – Ich habe viele Möglichkeiten ausprobiert, um Scrolly-Telling-Inhalte zu erstellen… von Lottie-Dateien über Scroll-Trigger bis hin zu eigenen Gsap-Sachen. Aber keine kommt an das heran, was Scrollsequence kann.“ – Leon Kiongwei

Tolles Plugin – Es funktioniert, es läuft flüssig. Man braucht nur etwas Zeit, um die Logik zu verstehen, aber es ist ziemlich einfach.“ – P Fabor

Screenshots

  • Scrollsequence - Beispiel einer Cyberpunk-Animation
  • Benutzeroberfläche - Beispiel für eine Beauty-Animation
  • Benutzeroberfläche - Beispiel für eine Beauty-Animation
  • Dashboard
  • Shortcode Beispiele
  • Benutzer Interface Style
  • Benutzeroberflächen

Installation

  1. Scrollsequence .zip-Datei in das Verzeichnis /wp-content/plugins/ hochladen
  2. Aktiviere das Plugin im „Plugins“-Menü in WordPress
  3. Navigieren Sie zum Scrollsequence-Verwaltungsmenü
  4. Folgen Sie Getting Started im Dashboard-Menü

FAQ

Muss ich irgendwelche Programmierkenntnisse haben?

No, Scrollsequence makes it easy for you to create unique user experiences with animated background.

Kann ich es auf jeder Website verwenden?

Ja, wenn Sie eine bestehende Website haben, können Sie diese Funktionalität mit wenigen Klicks hinzufügen.

Kann ich Scrollsequence mit Elementor oder Divi verwenden?

Ja, fügen Sie einfach einen Shortcode in einen beliebigen Builder Ihrer Wahl ein, und es wird sich nahtlos einfügen!

Wie kann ich die Animation zu einem Beitrag oder einer Seite hinzufügen?

Verwenden Sie den Shortcode [scrollsequence id=“####“], um ihn in jede Seite oder jeden Beitrag einzufügen.

Ist Scrollsequence mit allen Themes kompatibel?

Wir haben unser Bestes getan, damit Sie es auf jeder Website verwenden können. Wir empfehlen, Themes zu verwenden, die das normale Scrollverhalten nicht durch individuelle Scrollbars oder AJAX-Übergänge unterbrechen. Bitte kontaktieren Sie unseren Support, wenn Sie Probleme mit der Integration in Ihr Theme haben.

Ist der Plugin kostenlos?

Ja, die Grundfunktionen sind kostenlos. Wenn Sie mehr wollen, können Sie die PRO- oder Business-Versionen kaufen.

Bieten Sie Support an?

Ja, es gibt einen E-Mail-Support für die PRO-Version. Wenn Sie die kostenlose Version verwenden, können Sie im WordPress-Supportforum nachfragen.

Wie sieht es mit den Ladezeiten der Seiten aus?

Die ersten Bilder werden beim Laden der Seite abgerufen. Sobald eine Mindestanzahl von Bildern fertig geladen ist, wird die Animation angezeigt und die restlichen Bilder werden im Hintergrund geladen.

Rezensionen

9. Mai 2023
It is easy to declare the winner after first trying to build the same feature / app on own team. Scrollsequence got it right. The very core of the app, which is the end user experience (look & feel) and the SEO compatibility are the key reasons not to look further on. We are rolling this out to multiple use cases now.
28. Februar 2023
Scroll Sequence is an incredible plugin that lets you add finesse to your website that is difficult to achieve otherwise. You can use its simple user interface to create these fantastic website scrolling effects even if you're not a web developer. I could only recommend this plugin, and I completely do not understand why this last reviewer complains that there is no free version. So it seems he has not even tested it yet. Why should anybody do this vast amount of work and earn nothing?
20. Februar 2023 1 Antwort
The concept is cool and, at it's launch maybe it was the only plugin doing this, not anymore. However.... This plugin is useless without a membership on their site and there is no free membership option, just 14 days trial. So why is it here in the WP directory? Could be in commercial directories like envato, but seems pointless here, there is no functionality other than selling a freemius membership for embeding
25. Mai 2022
It does take a little time to figure out, but the result is stunning. Must have plugin for sure. We have been using the free trial for a few day's but soon after bought the premium version. Keep up the good work!
22. Oktober 2021
Scroll Sequence brings helps you bring a high level of complexity and awesomeness to your website. It's so simple to use, the only thing that could hold you back is your own creativity. The final sequence runs smooth as ever. I also haven't noticed any speed issues (convert your images to WebP if needed). Ales from the support team went over and above helping me. More help help than you would ever expect from a support team.
Alle 12 Rezensionen lesen

Mitwirkende & Entwickler

„Scrollsequence – Cinematic Scroll Image Animation Plugin“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„Scrollsequence – Cinematic Scroll Image Animation Plugin“ wurde in 6 Sprachen übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „Scrollsequence – Cinematic Scroll Image Animation Plugin“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

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