説明
Scrollsequence を使用すると、マウスホイールまたはタッチで制御される見事な画像シーケンスアニメーションを作成できます。 数回クリックするだけで、静的なデザインを映画のような体験に変えることができます。
サイトを生き生きとさせ、動画とインタラクティブなコンテンツをスクロールしよう!これを使用して、ホームページまたは個々の投稿やページに人目を引くアニメーションシーケンスを作成し、訪問者がコンテンツを消費するためのより映画的で魅力的な方法を提供できます。
WordPress でこれまでに見たことはありません
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.
始めてみよう
- サイトでいくつかの 例をご覧ください。
- Play around in live demo sandbox
- ドキュメンテーションを確認してください。
- YouTube チャンネルに購読
主な機能
- パフォーマンス – HTML5 Canvas image draw テクノロジーと軽量スクリプトおよび HTML のおかげです。
- ドラッグアンドドロップ – 画像、シーン、アニメーションを並べ替える
- HTML 要素をアニメーション化する – メディアと同期してコンテンツを作成およびアニメーション化する
- WYSIWYG エディター – ショートコードと oEmbed 機能
- Compatible – Use with Gutenberg, Elementor, Divi, Oxygen, Beaver Builder and many others
- SEO – すべてのコンテンツが検索エンジンに表示されます
- 完全にレスポンシブ – モバイルとデスクトップのサイズ設定と配置のオプション
- メディアギャラリー – バックエンドのアップロードと選択
- 画像のプリロード – 画像はバックグラウンドでプリロードされています
- カスタム CSS – 独自のスタイルを追加
- 画像の不透明度と背景色の設定
- Scrollsequence の速度設定
- ユーザーが Javascript を無効にしている場合のフォールバックオプション
- フッターとサイドバーの非表示 / 表示のオプション
- ネイティブ WordPress ショートコードのサポート
Scrollsequence について他の人は何と言っていますか?
「WordPressでこのようなものを見たことがありません。」 – Bjorn Allpas – WP Learning Lab
「これにより、双方向性が別のレベルになります。」 – Imran Siddiq – Web Squadron
「ゲームチェンジャー – このプラグインの将来に本当に興奮しています。 将来にわくわくし、おそらく Divi のようなビルダーでのウィジェット機能を楽しみにしています。」 – Luke Dempsey
「スクローリーテリングの最良の実行 – スクローリーテリングコンテンツを作成するために多くの方法を試しました… lottie ファイルからスクロールトリガー、カスタム gsap まで。 しかし、Scrollsequence ができることに近いものはありません。」 – Leon Kiongwei
「素晴らしいプラグイン -それは機能します、それは流暢です。 ロジックを理解するには少し時間が必要ですが、それはかなり簡単です。」 – P Fabor
スクリーンショット
インストール
- Scrollsequence の .zip ファイルを
/wp-content/plugins/
ディレクトリにアップロードします - WordPress の「プラグイン」メニューからプラグインを有効化にします。
- Scrollsequence 管理メニューに移動します
- ダッシュボードメニューの「はじめに」に従ってください
FAQ
-
コーディングを知る必要がありますか?
-
No, Scrollsequence makes it easy for you to create unique user experiences with animated background.
-
どのサイトでも使用できますか?
-
はい、既存のサイトがある場合は、数回クリックするだけでこの機能を追加できます。
-
Elementor または Divi で Scrollsequence を使用できますか?
-
はい、選択したビルダーにショートコードを挿入するだけで、シームレスに溶け込みます!
-
アニメーションを投稿またはページに追加するにはどうすればよいですか?
-
ショートコード[scrollsequence id=”####”]を使用して、任意のページまたは投稿に挿入します。
-
Scrollsequence はすべてのテーマと互換性がありますか?
-
最善を尽くしましたので、どんなサイトでもそれを使うことができます。カスタムスクロールバーまたは AJAX トランジションで通常のスクロール動作を壊さないテーマを使用することをお勧めします。テーマへの統合に問題がある場合は、サポートにお問い合わせください。
-
無料なの?
-
はい、基本的な機能は無料です。追加の予算がある場合は、PRO バージョンまたは Business バージョンを購入できます。
-
サポートがありますか?
-
はい、PRO バージョンのメールサポートがあります。 無料バージョンを使用する場合は、遠慮なく WordPress サポートフォーラムで質問してください。
-
ページの読み込み時間はどうですか?
-
最初のいくつかの画像は、ページの読み込み中にフェッチされます。最小数の画像の読み込みが完了するとすぐに、アニメーションが表示され、残りの画像がバックグラウンドで読み込まれます。
評価
貢献者と開発者
Scrollsequence – シネマティックスクロール画像のアニメーションプラグイン はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。
貢献者変更履歴
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