本日はRevolution Sliderのガイドを続けますが、今回はWordPressのページ/記事でスライドショーの表示について説明しますが、スライダーの高度な設定も行います。 これらのガイドの最初から、自宅で練習してください(常に練習することはかなりの利点です)。 問題が発生した場合、私はあなたに私に質問することができることを思い出させてください、私はそれらに答えさせていただきます。

このチュートリアルを読むことから始める人のために、RevolutionSliderのこれらのチュートリアルの始まりをお見逃しなく。

これらの手順を実行した場合、続行できます。そうしないと、私をフォローするのに苦労します。

スライドショーについて知っておくべきこと

Revolution Sliderは、テーマに依存しないプラグインです。 原則として、後者のスライドショーはどのタイプのテーマでも表示できますが、これは常に当てはまるわけではありません。 実際、どのテーマにもCSSスタイルのルールがあり、スライダーの正しい表示を妨げる​​可能性があります。 スライダーを選択すると、レイアウト " 全幅 オーバーフローし、本来どおりに表示されません。

最終的にRevolution Sliderと互換性のある無料のテーマを探す代わりに、Revolutio Sliderと既に互換性のあるプレミアムテーマを選択することをお勧めします。最初に表示されるテーマの1つは「 トータル WPExplorerから。

 - 全テーマワードプレスフレームワーク

プレミアムテーマを採用する必要があるという事実を正当化する例の1つは、たとえば、Twenty Fourteenテーマスライダーの表示です。

革命スライダー - チュートリアル - ワードプレススライダ表示-革命

この画像では、赤い領域がテーマの現在のすべてのスペースを表していることがわかります。 青い領域は、テーマのスライダーのオーバーフローを表しています。 表示が最適でない場合があります。 いくつか見つかります WordPressテーマ 上のレボリューションスライダーと互換性があります ThemeForest

とはいえ、記事/ページにスライダーを表示する方法を見つけましょう

記事のスライダーを表示する方法

Revolution Sliderでは、ページ/記事に2つの方法でスライダーを追加できます。

ショートを使用します

設定ページにアクセスして、ショートコードを取得します。 セクションで スライダーのタイトルとショートコード 3フィールドに気付くでしょう。 3e 「[rev_slider…」のように始まるショートコードを含むフィールドは、コピーする必要があるものです。 コンテンツ.

革命スライダー回復・オブ・ショート

あとは、選択した記事またはページにショートコードを追加するだけです。

ビジュアルエディターでスライダーの追加ボタンを使用する

毎回スライダー構成ページに戻りたくない場合は、ビジュアルエディターで回転スライダーによって追加されたボタンを使用できます。

アドオン・スライダー・ワードプレス・チュートリアル

クリックすると、新しいウィンドウが開き、ページに追加するスライダーを選択できます。

アドオンスライダを有しており、-ページ - ワードプレスを

スライダーを選択すると、スライドの順序を特別に変更できます。 この変更は、生成されるカスタムショートコードでのみ有効です。 スライドの順序を変更するには、[ クイックスライダーを変更します 」。 スライドのリストにアクセスします。このリストは、「 ドラッグ·アンド·ドロップ '。

ドラッグ・アンド・ドロップ革命スライダ

完了すると、ビジュアルエディタにショートコードが追加されます。

ショート革命スライダ

あなたが今しなければならないのはあなたの記事をプレビューすることだけです。 これで、WordPressでスライダーを作成するための基本ができました。

Revolution Sliderの高度な使用に関するヒント

Revolution Sliderの使い方がわかったので、いくつか紹介します トリック これにより、このプラグインを使用する際の生産性が向上します。

キーボードショートカットを使用します

Revolution Sliderは、完全なスライドショーエディターになりたいと考えています。 その結果、より高速に作業できるようにするキーボードショートカットを使用できます。

  • Ctrl + S :あなたの仕事を保存する
  • 方向矢印 :ステージ上のアイテムを移動するには
  • Shift +方向矢印 :アイテムをより速く移動できます
  • Shift +サイズ変更 :比例スケーリングを実行します
  • ダブルクリック :要素の変更を開きます

スライドエディターのツールをマスターする

スライドには、要素を簡単に移動できるツールが用意されています。 グリッドについては既に説明しましたが、Revolution Sliderによって提案された配置ボタンを使用することもできます。

アライメントの要素-回転スライダ

これらの整列ボタンを使用すると、左から右への最初の行のアイテムを、ステージの左端、ステージの中央、ステージの右端に配置できます。 2行目は、ステージのハイエンド、ステージの中央、ステージのベースエンドです。 これらのボタンを適切に使用すると、2回のクリックで簡単に要素を中央に配置できます。

要素センター - 革命スライダー

シーンの要素間でナビゲーションツールを使用する

シーンで使用可能なアイテムを簡単に見つけるには、「 タイムライン または、シーンのエレメンタルエクスプローラー。 後者は、ステージエディターの最上部にあります。

エクスプローラ・イン・スライド - 革命スライダー

エクスプローラーリストをクリックすると、次のようなアイテムに対してさまざまな操作を実行できます。

  • 要素を編集する:鉛筆アイコン
  • 要素の比率のサイズを変更します:方向矢印の付いたアイコン
  • アイテムの削除:ゴミ箱アイコン
  • 重複要素:ダブルページアイコン
  • アイテムを非表示にする:目のアイコン
  • アイテムをロックする:パドロックアイコン

この同じ領域に少し注意を払うと、スライダーの拡張性テストボタンに気付くでしょう。これにより、モバイルデバイスでスライダーの表示をプレビューできます。

ファッション革命応答、スライダー

このチュートリアルは以上です。 これで、素晴らしいスライダーを作成する準備ができました。 質問がある場合は、遠慮なく質問してください。