Slider Revolution Tutorial WordPress - Multi Image Slider

Summary

この動画では、スライダー革命6を使ってアニメーション入りのマルチ画像スライダーを作成する方法を学びます。基本的なスライダー機能とアニメーションの基礎、さらにはグローバルレイヤーなどの高度な機能まで解説。スライダーのレイアウト設定や画像やテキストのレイヤーの追加方法、アニメーションのタイミングの調整、そしてスライダーをページに埋め込む方法まで丁寧に案内します。

Takeaways

• 📚 ビデオの基本的な内容は、Slider Revolution 6を使ってアニメーション入りのスライダーを作成する方法を学ぶことです。
• 🎨 スライダーの作成には、基本的な機能と高度な機能、グローバルレイヤーのような特別な機能が含まれます。
• 🆓 ビデオはスポンサーから支援されており、Slider Revolution 6の詳細はリンクから確認できます。
• 🔍 Slider Revolution 6には、無料版とフルバージョンがあり、機能には差異があります。
• 🖼️ 背景画像やロゴ、テキストなどの要素をスライダーに追加する方法が説明されています。
• 🔄 スライダーのレイアウトを設定し、自動的にフルWIDTHまたはFULLSCREENに調整する方法が紹介されています。
• 🎯 アニメーション効果を適用し、スライダー内の要素のタイミングを調整する方法が示されています。
• 🔗 ボタンやリンクを追加し、スライダーにインタラクティブ性を持たせる方法が説明されています。
• 🔄 グローバルレイヤーを使用して、すべてのスライドに共通のナビゲーション要素を作成する方法が説明されています。
• 📌 スライダーをページや記事に挿入する方法が2通り紹介されており、ページビルダーやWordPressの標準エディターでの方法が含まれます。
• 📈 ビデオはスライダーの作成方法について紹介していますが、Slider Revolution 6のより高度な機能を学ぶための出発点として機能します。

Q & A

スライダー革命6の基本的な機能は何ですか？

スライダー革命6は、アニメーション効果を含むマルチスライドスライダーを作成するためのツールです。基本的な機能には、スライドの作成、アニメーションの基本と高度な機能、グローバルレイヤーの使用などが含まれます。

スライダー革命6の無料版と有料版の違いは何ですか？

無料版はテーマと一緒にパッケージ化され、スライダー革命6の基本的な機能を全て備えていますが、テンプレートオプションやアドオンオプションは利用できません。有料版は独自の製品として購入し、ライセンスキーで全ての機能を解除することができます。

スライダー革命6のインターフェースを紹介してください。

スライダー革命6のインターフェースは、新しいインターフェースで開かれ、より論理的に組織されたレイアウト、現代的なデザインを採用しています。インターフェースの上部には、新しい空白モジュールの作成、テンプレートからのモジュールの作成、手動インポート、アドオンなどのオプションがあります。

スライダー革命6でスライドを設定する方法を説明してください。

スライダー革命6でスライドを設定するには、まずレイアウトの種類（シーンまたはカルーセル）、幅、デバイスごとのブラウザ幅を設定します。次に、背景画像を追加し、画像設定（サイズ、フィット、繰り返し、位置）を調整します。レイヤーを追加して、ロゴやテキストをスライドに取り入れ、アニメーション効果を設定します。

スライダー革命6でアニメーション効果を追加する方法は？

アニメーション効果を追加するには、レイヤーを選択し、アニメーションオプションを開きます。そこから、入場アニメーションや退場アニメーションを選択し、アニメーションの継続時間やタイミングを調整できます。キーフレームを使用して、アニメーションの詳細な調整を行ったり、異なるアニメーション効果を適用したりすることもできます。

スライダー革命6でスライドにボタンを追加し、インタラクティブにする方法を教えてください。

ボタンを追加するには、コンテンツレイヤーとしてボタンを追加し、ボタンのスタイルやテキストを調整します。次に、ボタンにアクションを割り当て、シンプルなリンクやその他のトリガーを使用してボタンを機能させます。これにより、ボタンをクリックして他のページに遷移したり、特定のアクションを実行したりすることができます。

スライダー革命6でグローバルレイヤーを使用する方法を説明してください。

グローバルレイヤーを使用するには、スライダーの「グローバル」オプションに進み、新しいグローバルレイヤーを作成します。グローバルレイヤーにオブジェクト（ボタン、アイコン、テキストなど）を追加すると、それらのオブジェクトはすべてのスライドに適用されます。アニメーションやアクションをグローバルレイヤーのオブジェクトに設定することもできます。

スライダー革命6でスライダーをページに挿入する方法は？

スライダーをページに挿入するには、スライダー革命6のエディターから「埋め込み」オプションを使用して、生成されるショートコードを取得します。そのショートコードをWordPressページまたは記事のエディターに貼り付けます。また、ページビルダーを使用している場合は、スライダー革命のウィジェットをドラッグ＆ドロップしてスライダーを挿入することができます。

スライダー革命6でスライドの背景に画像を使用する方法を教えてください。

スライドの背景に画像を使用するには、スライドオプションから「背景」を選択し、メディアライブラリから画像を選択します。画像のサイズ、フィット、繰り返し、位置などの設定を調整して、背景画像を希望するように表示します。

スライダー革命6でレイヤーをリネームする方法は？

レイヤーをリネームするには、エディター内のレイヤーを選択し、レイヤー名をクリックして新しい名前を入力します。これにより、レイヤーの識別や編集を容易にすることができます。

スライダー革命6でアニメーション効果のタイミングを調整する方法を説明してください。

アニメーション効果のタイミングを調整するには、タイムラインエディターで各レイヤーのアニメーション効果の持続時間や開始時間をドラッグして調整します。これにより、アニメーションがスライド内で正確にタイミングされるように設定できます。

スライダー革命6でスライドにテキストを追加する方法を教えてください。

スライドにテキストを追加するには、「添加レイヤー」オプションから「テキスト」を選択します。次に、クイックスタイルヘッドラインやクイックスタイルコンテンツからレイアウトを選択し、テキストを入力します。必要に応じて、テキストのスタイルや位置を調整できます。