Title: Scrollsequence – シネマティックスクロール画像のアニメーションプラグイン Author: Scrollsequence Published: 2020年8月29日 Last modified: 2025年7月31日 --- プラグインを検索 ![](https://ps.w.org/scrollsequence/assets/banner-772x250.png?rev=2780205) ![](https://ps.w.org/scrollsequence/assets/icon-256x256.png?rev=2780206) # Scrollsequence – シネマティックスクロール画像のアニメーションプラグイン 作者: [Scrollsequence](https://profiles.wordpress.org/scrollsequence/) [ダウンロード](https://downloads.wordpress.org/plugin/scrollsequence.1.6.2.zip) * [詳細](https://ja.wordpress.org/plugins/scrollsequence/#description) * [レビュー](https://ja.wordpress.org/plugins/scrollsequence/#reviews) * [インストール](https://ja.wordpress.org/plugins/scrollsequence/#installation) * [開発](https://ja.wordpress.org/plugins/scrollsequence/#developers) [サポート](https://wordpress.org/support/plugin/scrollsequence/) ## 説明 Scrollsequence を使用すると、マウスホイールまたはタッチで制御される見事な画像シーケンス アニメーションを作成できます。 数回クリックするだけで、静的なデザインを映画のよう な体験に変えることができます。 サイトを生き生きとさせ、動画とインタラクティブなコンテンツをスクロールしよう！これ を使用して、ホームページまたは個々の投稿やページに人目を引くアニメーションシーケンス を作成し、訪問者がコンテンツを消費するためのより映画的で魅力的な方法を提供できます。 ### WordPress でこれまでに見たことはありません スクロールシーケンステクノロジーは、ゼロから実装するための予算とスキルを備えた大手 テクノロジー企業専用でした。ソニー、Apple、サムスンはこのスクロール技術を利用しま した。 [スクロールアニメーションをどのように利用した](https://scrollsequence.com/how-to-make-scroll-image-animation/?utm_source=wpreporeadme&utm_medium=wpreporeadme&utm_campaign=wpreporeadme) か、そしてこの機能をサイトに簡単に追加する方法を学びましょう。 ### 始めてみよう * サイトでいくつかの [例](https://scrollsequence.com/examples/?utm_source=wpreporeadme&utm_medium=wpreporeadme&utm_campaign=wpreporeadme) をご覧ください。 * [ライブデモ](https://scrollsequence.com/live-demo/wp-admin/?utm_source=wpreporeadme&utm_medium=wpreporeadme&utm_campaign=wpreporeadme) サンドボックスを試してみてください * [ドキュメンテーション](https://scrollsequence.com/documentation/?utm_source=wpreporeadme&utm_medium=wpreporeadme&utm_campaign=wpreporeadme) を確認してください。 * [YouTube](https://www.youtube.com/channel/UCfS4p0R5ZYr4GTQ9DIBbEgg) チャンネル に購読 ### 主な機能 * **パフォーマンス** – HTML5 Canvas image draw テクノロジーと軽量スクリプトおよび HTML のおかげです。 * **ドラッグアンドドロップ** – 画像、シーン、アニメーションを並べ替える * **HTML 要素をアニメーション化する** – メディアと同期してコンテンツを作成および アニメーション化する * **WYSIWYG エディター** – ショートコードと oEmbed 機能 * **Compatible** – Use with Gutenberg, [Elementor](https://scrollsequence.com/how-to-make-image-sequence-animation-in-elementor/), [Divi](https://scrollsequence.com/how-to-make-image-sequence-animation-in-divi/), Oxygen, [Beaver Builder](https://scrollsequence.com/how-to-make-image-sequence-animation-in-beaver-builder/) and many others * **SEO** – すべてのコンテンツが検索エンジンに表示されます * **完全にレスポンシブ** – モバイルとデスクトップのサイズ設定と配置のオプション * **メディアギャラリー** – バックエンドのアップロードと選択 * **画像のプリロード** – 画像はバックグラウンドでプリロードされています * **カスタム CSS** – 独自のスタイルを追加 * 画像の不透明度と背景色の設定 * Scrollsequence の速度設定 * ユーザーが Javascript を無効にしている場合のフォールバックオプション * フッターとサイドバーの非表示 / 表示のオプション * ネイティブ WordPress ショートコードのサポート ### 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 #### Scrollsequence について他の人は何と言っていますか？ > **「WordPressでこのようなものを見たことがありません。」** – Bjorn Allpas – WP > Learning Lab > **「これにより、双方向性が別のレベルになります。**」 – Imran Siddiq – Web Squadron > **「ゲームチェンジャー** – このプラグインの将来に本当に興奮しています。 将来に > わくわくし、おそらく Divi のようなビルダーでのウィジェット機能を楽しみにしてい > ます。」 – Luke Dempsey > **「スクローリーテリングの最良の実行** – スクローリーテリングコンテンツを作成する > ために多くの方法を試しました… lottie ファイルからスクロールトリガー、カスタム > gsap まで。 しかし、Scrollsequence ができることに近いものはありません。」 – Leon > Kiongwei > **「素晴らしいプラグイン** -それは機能します、それは流暢です。 ロジックを理解する > には少し時間が必要ですが、それはかなり簡単です。」 – P Fabor ## スクリーンショット * [[ * Scrollsequence – サイバーパンクのアニメーションの例 * [[ * Scrollsequence – ビューティーアニメーションの例 * [[ * ユーザーインターフェイス – ビューティーアニメーションの例 * [[ * ダッシュボード * [[ * ショートコードの使用例 * [[ * ユーザーインターフェイス 1 * [[ * ユーザーインターフェイス 2 * [[ * [[ * [[ * [[ ## インストール 1. Scrollsequence の .zip ファイルを`/wp-content/plugins/`ディレクトリにアップロード します 2. WordPress の「プラグイン」メニューからプラグインを有効化にします。 3. Scrollsequence 管理メニューに移動します 4. ダッシュボードメニューの「はじめに」に従ってください ## 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 サポートフォーラムで質問してください。 ### ページの読み込み時間はどうですか？ 最初のいくつかの画像は、ページの読み込み中にフェッチされます。最小数の画像の読み込み が完了するとすぐに、アニメーションが表示され、残りの画像がバックグラウンドで読み 込まれます。 ## 評価 ![](https://secure.gravatar.com/avatar/dcc48e9c96c9ee54c358ad65a85e30e4c1777d8dd7111bcb16255962c2df165d? s=60&d=retro&r=g) ### 󠀁[well… it works!](https://wordpress.org/support/topic/well-not-free-at-all/)󠁿 [Jakours2](https://profiles.wordpress.org/jakours2/) 2025年11月26日 3 replies Edit : Changed my rating because i bought the paid version and it’s works well. ![](https://secure.gravatar.com/avatar/9d97d118875ccbfba22d9567144f60aeb90b716b85be9851509633d32bcbdcea? s=60&d=retro&r=g) ### 󠀁[Great help and support](https://wordpress.org/support/topic/great-help-and-support-8/)󠁿 [kunallonhare](https://profiles.wordpress.org/kunallonhare/) 2025年3月13日 This plugin is really cool and support is very nice and helpful. ![](https://secure.gravatar.com/avatar/cc70d00eb8539d8bc312bff8565faf2ec48ac31336133a27522f966e90ab0509? s=60&d=retro&r=g) ### 󠀁[Unintuitive, expensive, outdated](https://wordpress.org/support/topic/unintuitive-expensive-outdated/)󠁿 [erisf](https://profiles.wordpress.org/erisf/) 2023年12月9日 1 reply 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. ![](https://secure.gravatar.com/avatar/f5faa37058004eedfd2f300902bb92a65d5c5aa9d29d975809d103e66c36667b? s=60&d=retro&r=g) ### 󠀁[A truly amazing plugin](https://wordpress.org/support/topic/a-truly-amazing-plugin/)󠁿 [tanyapereira](https://profiles.wordpress.org/tanyapereira/) 2023年11月20日 Scrollsequence helped us create a killer animation on our homepage, process was easy and I am super satisfied with the result! ![](https://secure.gravatar.com/avatar/0b30044afbcb7fc1f45d7ecc1ac9a4ff8dbb59c03f911a08b30aacfc2c96733e? s=60&d=retro&r=g) ### 󠀁[Great plugin, amazing support](https://wordpress.org/support/topic/great-plugin-amazing-support-188/)󠁿 [KineticPulse](https://profiles.wordpress.org/kineticpulse/) 2023年9月4日 1 reply Really good plugin, obviously still in its early stages but the great support makes it very worthwhile. I can see it only getting better! ![](https://secure.gravatar.com/avatar/4ded9fa456143750a23897e65a13e00c2c597a1ec86186877a4bd1b656fccd6a? s=60&d=retro&r=g) ### 󠀁[Take your website to another level.](https://wordpress.org/support/topic/take-your-website-to-another-level/)󠁿 [bemasterwp](https://profiles.wordpress.org/bemasterwp/) 2023年6月13日 This is a great plugin that helps you to create a website with a different and creative style. It is well-developed so that the website does not load too slowly. [ 19件のレビューをすべて表示 ](https://wordpress.org/support/plugin/scrollsequence/reviews/) ## 貢献者と開発者 Scrollsequence – シネマティックスクロール画像のアニメーションプラグイン はオープン ソースソフトウェアです。以下の人々がこのプラグインに貢献しています。 貢献者 * [ Scrollsequence ](https://profiles.wordpress.org/scrollsequence/) * [ Kozelsky ](https://profiles.wordpress.org/kozelsky/) “Scrollsequence – シネマティックスクロール画像のアニメーションプラグイン” は7ロケール に翻訳されています。 [翻訳者](https://translate.wordpress.org/projects/wp-plugins/scrollsequence/contributors) のみなさん、翻訳へのご協力ありがとうございます。 [“Scrollsequence – シネマティックスクロール画像のアニメーションプラグイン” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/scrollsequence) ### 開発に興味がありますか ? [コードを閲覧](https://plugins.trac.wordpress.org/browser/scrollsequence/)するか、 [SVN リポジトリ](https://plugins.svn.wordpress.org/scrollsequence/)をチェックする か、[開発ログ](https://plugins.trac.wordpress.org/log/scrollsequence/)を [RSS](https://plugins.trac.wordpress.org/log/scrollsequence/?limit=100&mode=stop_on_copy&format=rss) で購読してみてください。 ## 変更履歴 #### 1.6.2 * Freemius SDK update 2.12.1 * Carbon Fields update 3.6.9 #### 1.6.1 * Rollback of animation library change #### 1.6.0 * Animation library update * Scrollsequence list image warning fix #### 1.5.9 * Minor update #### 1.5.8 * Dependencies version upgrade #### 1.5.7 * WP 6.6 compatibility * Carbon Fields 3.6.5 update #### 1.5.6 * WP 6.5 compatibility * i18n update #### 1.5.5 * security update ## メタ * バージョン **1.6.2** * 最終更新日 **10か月前** * 有効インストール数 **4,000+** * WordPress バージョン ** 5.0またはそれ以降 ** * 検証済み最新バージョン: **6.8.5** * PHP バージョン ** 7.0またはそれ以降 ** * 言語 * [Czech](https://cs.wordpress.org/plugins/scrollsequence/)、[English (US)](https://wordpress.org/plugins/scrollsequence/)、 [French (France)](https://fr.wordpress.org/plugins/scrollsequence/)、[German](https://de.wordpress.org/plugins/scrollsequence/)、 [Italian](https://it.wordpress.org/plugins/scrollsequence/)、[Slovak](https://sk.wordpress.org/plugins/scrollsequence/)、 [Spanish (Chile)](https://cl.wordpress.org/plugins/scrollsequence/)、[Spanish (Spain)](https://es.wordpress.org/plugins/scrollsequence/). * [プラグインを翻訳](https://translate.wordpress.org/projects/wp-plugins/scrollsequence) * タグ * [image animation](https://ja.wordpress.org/plugins/tags/image-animation/)[scroll](https://ja.wordpress.org/plugins/tags/scroll/) [scroll animation](https://ja.wordpress.org/plugins/tags/scroll-animation/) * [詳細を表示](https://ja.wordpress.org/plugins/scrollsequence/advanced/) ## 評価 5つ星中4.6つ星 * [ 15 5-星レビュー ](https://wordpress.org/support/plugin/scrollsequence/reviews/?filter=5) * [ 3 4-星レビュー ](https://wordpress.org/support/plugin/scrollsequence/reviews/?filter=4) * [ 0 3-星レビュー ](https://wordpress.org/support/plugin/scrollsequence/reviews/?filter=3) * [ 0 2-星レビュー ](https://wordpress.org/support/plugin/scrollsequence/reviews/?filter=2) * [ 1 1-星レビュー ](https://wordpress.org/support/plugin/scrollsequence/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/scrollsequence/reviews/#new-post) [すべてのレビューを見る](https://wordpress.org/support/plugin/scrollsequence/reviews/) ## 貢献者 * [ Scrollsequence ](https://profiles.wordpress.org/scrollsequence/) * [ Kozelsky ](https://profiles.wordpress.org/kozelsky/) ## サポート 意見や質問がありますか ? [サポートフォーラムを表示](https://wordpress.org/support/plugin/scrollsequence/) ## 寄付 このプラグインが今後も改善できるよう応援しませんか ? [ このプラグインに寄付 ](https://www.scrollsequence.com)