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

Pro Plan Feautres

  • Advanced Content Animation – Create Fade In, Fade Out, Move and Scale animations on scroll
  • Unlimited Scenes and Images
  • Smooth Scroll Delay – Add a delay effect to your animation to make it smoother
  • Smart Image Pre-loading – Control how many images are loaded on page load before the animation is displayed
  • SEO Friendly – All content added to Scrollsequence is indexable
  • Priority Support

Business Plan Feautres

  • Cloud Media Tools – A collection of handy cloud based media tools
  • Video to Image Converter – Convert source video into a sequence of images in seconds
  • AI Frame Former – Increase number of image frames from your video in our cloud service for smoother animation
  • WP Media Gallery Import – Import still images from your video directly to WP Media Gallery with one click

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. Dezember 2023 1 Antwort
The idea for this plugin is certainly good but the documentation is outdated and shows options that don't exist on the actual editing page. The animation process also isn't straight forward and there are very few explanations about certain coding aspects. The plugin praises itself as being code-free, but that isn't the case. Not to mention again that the documentation is outdated, thus it's difficult to follow the tutorial. The pro version is clearly the best part of the plugin, with the free version existing only to entice you to buy. The trouble is a lifetime license is expensive, especially for someone who may want to use only one or two animations, and it certainly isn't worth paying for this. Overall this is a bit disappointing because it's less about providing customers and users with a useful tool, it's rather about gate-keeping, and even the free options aren't intuitive enough to navigate. It would be really nice if the developers would think of something there, both in terms of lowering the lifetime cost of the plugin + making the animation process more straightforward.
20. November 2023
Scrollsequence helped us create a killer animation on our homepage, process was easy and I am super satisfied with the result!
4. September 2023 1 Antwort
Really good plugin, obviously still in its early stages but the great support makes it very worthwhile. I can see it only getting better!
12. Juni 2023
This WordPress plugin is a game-changer! It seamlessly integrates into your website, offering a wide range of intuitive features that boost functionality and customization. I feel this plugin has made coding redundant!
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.
Alle 17 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.5.5

  • security update

1.5.4

  • Bug Fix – Carbon Fields Error on AWS
  • Getting Started Update

1.5.3

  • External Tools added
  • Chores – tidyup, errors handling
  • CarbonFields 3.6.3

1.5.1

  • WP Media Gallery Import added
  • Freemius SDK update

1.5.0

  • Media Tools Added

1.4.6

  • Documentation Update

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