あなたはおそらく知っています スライダー革命、CodeCanyonで最もダウンロードされているプレミアムWordPressプラグインのXNUMXつです。 また、追加したい人に最もお勧めです スライダー(スライドショー) 彼らのウェブサイトまたは WordPressのブログ.

これはで利用可能なプラグインです CodeCanyon.com。 覚えておいて、私たちはどのようにあなたを紹介しました このプラットフォームでプラグインをダウンロードする.

まず最初に ダウンロード、インストールしてアクティブ化します。

後者をインストールしたことがない場合は、 WordPressにRevolution Sliderをインストールする方法。またできます この他の詳細かつ完全なチュートリアルをご覧ください。

推奨。

どのように構成する方法 スライダー 革命

SliderRevolutionは基本的な設定を提供します。 まず、メニューからプラグインのホームページにアクセスする必要があります。 スライダー革命 »プラグインをインストールしてアクティブ化した後、ダッシュボードの左側のメニューで利用できます。

アクセス革命slider.jpg

これにより、Slider Revolutionプラグインダッシュボードにリダイレクトされます。 次に、プラグインを構成します。 次に、リンクをクリックする必要があります " 一般設定 Slider Revolutionサブメニューにあります。

一般的なパラメーターの解像度Slider.jpg

クリックすると新しいページに移動します。 このページには、次のようないくつかのオプションがあります。

  • アクセスできる役割 ビューのプラグインの許可 »
  • どこにでもプラグインリソースをロードする " on またはそれを使用するページでのみ。 すべてのページにリソースを読み込むと、Webサイトが遅くなる可能性があります。
  • 「」に各ページの識別子を追加することで、プラグインのリソースを特定のページに統合することもできます。 RevSliderのページにはライブラリが含まれています '。
  • より良いレンダリングのために、オプション「」でページが表示された後にプラグインリソースをロードすることを選択できます。 フッターに挿入図はJavaScript '。
  • 他のいくつかのWebサイトで使用するために、スライダーデータをエクスポートするためのオプションをアクティブ化できます。
  • 最後のオプションは、スライダーアクティビティレポートに関するものです。

回転スライダーの一般的なパラメーターの設定.jpg

デフォルト設定でもかまいません。 ただし、これらは必要に応じてカスタマイズできます。 「」をクリックすることを忘れないでください 設定を保存する »設定を保存します。

«に戻る スライダー革命 これは、新しいスライダーを作成するからです。

WordPress SliderRevolutionプラグインを構成する

Revolution Sliderプラグインでスライダーを作成する方法

Revolution Sliderは非常に柔軟性があり、最も単純なものから最も複雑なレイヤーまで、ほぼすべてのタイプのスライダーに適応します(これは非常に興味深い機能です).

新しいページでは、XNUMXつのメイン列があることがわかります。 このページは、新しいスライダーの設定ページと見なす必要があります。 この場所から画像やテキストを追加することはできません。 ただし、スライダーのいくつかの設定を変更します。

私たちを発見 10最高のプレミアムWordPressプラグインでブログにスライダーを作成

「Param Slider」セクション

以下を含む、入力する必要のあるいくつかの必須フィールドがあります。

  • タイトル
  • ショートコードで使用されるエイリアス。 必ずエイリアスを指定する必要があります。

タイトルショートコード革命slider.jpg

で達成できるスライダーにはいくつかのタイプがあります スライダー 革命:

  • 特に結果の制限を定義したり、表示順序を変更したり、テンプレートを選択したりすることで、記事をスライドとして表示することを選択できます...
  • 特定の記事を選択し、その識別子を指定します
  • スライダーのギャラリーモードを選択すると、より複雑で美しいスライドを作成できます。

スライダー回転タイプの選択slider.jpg

次のオプションを使用すると、スライダーのレイアウトを変更できます:固定、パーソナライズ、自動応答、全画面。 これらのオプションに加えて、グリッドサイズとレイアウト寸法のオプションがあります。

サイズ構成革命slider.jpg

これらは最初の列のオプションです。 9番目の列には、他のいくつかのオプションがあります。 特に、次のようなものがあります。各スライドの長さ。デフォルトではXNUMX秒です。

ランダム表示(シャッフルモード)

一般的なパラメータースライダー回転Slider.jpg

レイアウトとビジュアルセクション

このセクションでは、[外観] サブタブの背景である影の構成に関するオプションをグループ化します。 また、スライダーの読み込み中にアニメーションを変更できる「スピナー」タブ、モバイルでのスライダーの表示方法を決定できる「モバイル」タブ、および次のことができる「位置」タブもあります。コンテンツに対するスライダーの位置を構成します。

レイアウトと視覚革命slider.jpg

ナビゲーションセクション

ナビゲーションタブはいくつかのサブタブに分割されており、スライダーのナビゲーションのさまざまな側面を構成できます。 たとえば、スライダー間でナビゲーションボタンのタイプを選択できる[矢印]タブがあります(矢印をアクティブにするかどうかを指定できます)。 [箇条書き]タブでは、ナビゲーションの箇条書きを構成することもできます。[タブ]タブでは、タブスライダー効果などが追加されます。

ナビゲーションタブ革命slider.jpg

「一般パラメータ」アニメーション条件を設定します

スライドのオプションを提供します。たとえば、特定のスライドの後にスライダーが自動的に停止するように定義できます。 ループした後に停止 »またはスライドバーの位置を選択します(プログレスバーを使用すると、スライドが表示されるまでにかかる時間を確認できます。).

構成アニメーションスライダー革命slide.jpg

これらはプラグインの最初のセクションであり、最もよく使用するセクションです。 より多くのオプションを使用して、スライダーに機能を追加できます.

発見 WPBakeryでプロWebページを作成する方法 それに美しいスライダーを追加します。

完了したら、「」を使用して下のスライダーを保存します 設定を保存する '。

スライダーの回転数を記録するsliders.jpg

「」をクリックした後 設定を保存する »、スライダー作成インターフェースにリダイレクトされます。 これにより、空のデフォルトスライダーが作成されます。

スライダー作成interface.jpg

スライダーに新しいスライドを追加する方法

これが何であるかを覚えていない場合は、以前の投稿で、次のような一連のWordPress技術用語を定義しました。 « スライダー「および」スライド ».

スライダーオプションを変更するためのインターフェイスの前に、デフォルトで3つの領域があるセクションが表示され、最後の領域に「」というラベルが付いています。 スライドを追加"。 その上にマウスを置くと、追加のオプションが表示されます。 [空のスライドを追加]を選択します。

スライダーをSlider.jpgに追加します

レマルク :作成した新しいスライドはすべてこのバーに追加されます。 作成された各スライドには、削除、複製、テンプレートへの追加などの追加の管理オプションがあります。

スライダーのインターフェースは以下で構成されています。

  • 高度なスライドオプション
  • スライダーデザインインターフェース(作成インターフェース)から

高度なオプションインターフェイス

これらのオプションは、いくつかの異なるタブで構成されています。 メインの背景セクションでは、スライドの背景に影響を与えるさまざまな側面を構成できます。 たとえば、YouTubeビデオを背景として使用することを選択できます。

背景ビデオ革命slider.jpg

[一般パラメータ]タブでは、スライドの長さ、スライドを一時停止(アニメーションを停止)させるさまざまなイベントなどの要素を構成できます。

一般的なパラメーターの回転Slider.jpg

サムネイルタブでは、作成したスライドのプレビューを選択できます。 これは、スライダーがスライドプレビューを提供する場合に使用されます。 

創造ビネット革命slider.jpg

スライドアニメーションタブでは、スライドの開始アニメーションと終了アニメーションを定義できます。 利用可能なオプションの中から幅広い選択肢があります。

アニメーションスライド革命を選択slider.jpg

link&seoタブでは、スライドの一部のHTML属性を変更できます。 原則として、このタブを頻繁に使用する必要はありません。

Revolution Sliderデザインインターフェース

デザインインターフェースは、作曲を行うステージング場所です。 これは、白と灰色の正方形で構成されたサーフェスで構成されており、作業スーパー(さまざまな要素が配置される場所)を構成します。

インターフェースデザイン革命slider.jpg

レイヤーについて知っておくべきこと

コンポジションインターフェイスに配置された各オブジェクトは、レイヤーを構成します。 これらのレイヤーは、スケッチの場合と同じように、互いに重ねることができます。 したがって、レイヤーは、画像、HTMLコード、ビデオ、形状、オブジェクトなどで構成できます。 より多くのオプションを提供する「レイヤーの追加」ボタンの上にカーソルを合わせると、レイヤーを追加できます。

レイヤ革命をブラウズslider.jpg

[テキスト/ html]をクリックすると、カスタマイズ(テキストの追加、フォントの変更、移動)が可能なテキストゾーンがデザインインターフェイスに追加されます。

テキスト革命を追加するslider.gif

追加された各レイヤーは、異なるオプションを提供できます。 通常、レイヤーのオプションにアクセスするには、レイヤーをダブルクリックするだけです。 画像を追加します。

画像革命を追加するslider.gif

各レイヤーには独自のオプションがあります。 これらのオプションは、デザインインターフェイスのすぐ上にあるバーです。

レイヤ革命のためのオプションslider.jpg

これらは、高度なオプションを提供するタブです。 たとえば、レイヤーのアニメーションを変更する場合は、[アニメーション]タブに移動し、次のように入力アニメーションと出力アニメーションを選択する必要があります。

レイヤのアニメーションを選択してください。

各タブには独自のオプションがあります。 数分かかると、ほとんどのタブがどのように機能するかを理解できます。

の設定について知っておくべきことはこれですべてです。 WordPressのプラグイン スライダーレボリューションを開始します。 後で戻ってきて、より高度なテクニックを紹介します。

しかし、私たちがあなたを離れる前に、あなたがあなたのウェブサイトでスライダーを作成するのを助けるように設計されたさらに2つのプレミアムな選択肢をあなたに提供したいと思います。

1。 RoyalSlider

CodeCanyonで最もダウンロードされているスライダーであるRoyalSliderには、魅力的な機能が搭載されています。 Coca-Cola、Ralph Lauren、Land Roverなどのさまざまな企業で使用されているこのプラグインは、スライダーに期待されるほぼすべてのことを実行します。 最も魅力的な機能は、ネイティブのフルスクリーンサポートです。

ワードプレス用のRoyalsliderタッチコンテンツスライダー

高解像度の写真を表示するのに最適です。 このプラグインは間違いなくその専門的な機能であなたの訪問者を感動させるでしょう。 機能としては、ページごとに異なるスタイルの複数のスライダーを作成する可能性、触覚ナビゲーションのサポート、レスポンシブデザイン、垂直または水平のミニチュアA、ナビゲーション用の箇条書きまたはタブなどがあります。

ダウンロード | デモ | ウェブホスティング

2. 。 WPスリックスライダーとイメージカルーセルプロ

あなたが続編の無条件の信者である場合 視覚的な作曲家、WP Slick Sliderプラグインを使用することを検討する必要があるオプションです。 ほとんど100に事前定義されたテンプレートを使用すると、コーディングしなくても、探しているものを確実に見つけることができます。Wpスリックスライダーと画像カルーセルプロ

これは、特に Visual Composer-WPBakery -.

その機能は数ある中でも:a mドラッグアンドドロップをサポートする完全なレスポンシブページ、Cshortcodesビルダー、RTLと多言語のサポート、見事なデザイン はるかに。

ダウンロード | デモ | ウェブホスティング

推奨リソース

ウェブサイトの構築と管理に役立つ他の推奨リソースをご覧ください。

まとめ

この記事が、 WordPressのプラグイン プレミアムスライダーレボリューション。 ご不明な点がございましたら、お気軽にセクションに残してください。 commentaires. この記事が気に入ったら、別の記事で共有してください 社会的ネットワーク