これで深刻なことを始めることができます。 スライダーの作成 スライダー革命 最初は非常に退屈です。 これまたはその要素がどこにあるかを知りたいので、方位を失います。

あなたは習慣で練習し、またこのチュートリアルを読むことでSlider Revolutionを取り除きます。

以前のチュートリアルで、次の方法を発見しました。

• Slider Revolutionをダウンロードしてインストールする
• Slider Revolution Home UIを理解する方法
• Slider Revolutionでスライドショーを設定する方法

そして、スライダーを設定したので、次を作成します。 スライド "の" スライダー '。

「スライド」エディタの使用を開始する方法

原則として、スライダーの構成を保存した後、アクセスします 「」のエディタを紹介する新しいインターフェースへ スライド '。

一番上には、「スライダーまたはスライド」のリスト、スライダーのパラメーター、スライダーのプレビューなどに戻ることができる同じツールバーがあります。

私たちも発見 ブログ投稿を評価できる10個のWordPressプラグイン

下部には、グローバルレイヤー、さまざまな「スライド」、新しい「」を追加するためのボタンを表示できる新しいセクションがあります。 スライド '。

スライドのボタンにカーソルを合わせると、新しいオプションが表示されます。 これらのオプションはかなり明確で理解しやすい（複製し、後で再利用してスライドを削除するためにテンプレートに追加します).

スライドの追加ボタンにカーソルを合わせると、空のスライドを追加したり、複数のスライドを追加したり、テンプレートからスライドを追加したりできる他のオプションが表示されます（モデル).

現在、1スライドを使用しているため、スライドリストで強調表示されています。 新しいスライドを作成すると、最初のスライドの代わりに強調表示されます。

このレベルのスライダーレボリューションは、実際のダッシュボードです。 すべてを説明すると、あまり理解できなくなるので、混乱を招き、本質的ではない機能について話すことは避けます。

上の記事を読む あなたのブログのための6 WordPress画像圧縮プラグイン

スライドを選択したら、次のセクションで編集を開始できます。 このセクションは、さまざまな機能にアクセスできるいくつかのタブ（7）で構成されています。

シーンに背景画像を追加する方法

最初にやりたいことは、スライドに背景を追加することです。 ここでは次のいずれかを選択できます: 背景画像 (メディア ライブラリから)、画像を指す外部 URL、 によって提案された色を使用する透明な背景 ワードプレスのテーマ、固定色、Youtube、Vimeo、または HTML5 ビデオ。 背景を選択します」 画像 '。

ウェブ上で多くの無料画像を見つけることができます。 Googleで検索してください。 

画像を追加すると、これはスライドプレビューと「シーン」にすぐに適用されます。

シーンに要素を追加する方法

きれいに装飾されたシーンができたので、要素を追加します。 シーンに追加する各要素は、レイヤーまたはレイヤーと見なされます。 このレイヤー機能は、あなたが私を信じるのに役立ちます。

シーンにアイテムを追加するには、マウスオーバーします レイヤを追加します '。

テキスト/ HTML、画像、オーディオ、ビデオ、ボタン、シェイプ、オブジェクトを含むいくつかの異なる要素を追加し、要素をインポートできることに気付くでしょう。

スヌーピーの小さな子犬の透明な画像を追加することから始めます。

次に、この画像をシーンに追加すると、次のようになります。

画像の四隅には小さな正方形があります。 この場合、スヌーピーは多くのスペースを占有するため、これらの正方形を使用して画像のサイズを変更できます。

サイズ変更は「 ドラッグ 」。 縦横比を維持したままサイズを変更するには、[ 5月 サイズ変更中にキーボードから。

また私達のを見なさい あなたをより良いBloggerにする10 WordPressプラグイン

今、スヌーピーはこのように見えます、それはより適切です。 次のように、各画像の右上にあるインジケーターを使用して画像を反転することもできます。

ヘルプグリッドで要素を配置する方法

ヘルプグリッドは、要素をより適切に配置するのに役立つ貴重な要素です。 ステージの左下でヘルプグリッドをアクティブにできます。

このグリッドにはさまざまなサイズのタイルがあり、サイズが小さいほど、要素の配置がより正確になります。

アニメーションを追加する方法

Slider Revolutionには、エントランスアニメーション、（中のアニメーション）の3種類のアニメーションがあります。シーン内の要素の存在）そして、最後のアニメーション。

また私達のを見なさい あなたのブログのための6 WordPress画像圧縮プラグイン

要素にアニメーションを追加するには、まずクリックして選択する必要があります（要素が選択されると、サイズ変更可能な角を持つ点線で囲まれます).

スヌーピーをクリックし、ページに移動してタブをクリックします« アニメーション '。

前の画像では、入力アニメーションが青で、出力アニメーションが赤で表示されています。

アニメーションを変更するには、走っている男のアイコンの後ろにあるドロップダウンリストをクリックします。

その後、さまざまなアニメーションを自由に使用できます。 要素のエントリに定義するアニメーションを選択するのはあなたにお任せします。 私の側では、「 easeOutElastic »、この結果を取得するには：

ここであなたのために ブログのフッターを強化する4 WordPressプラグイン

さらに左側で、アニメーションの継続時間と、残す必要があるアニメーションモードを決定できます。 スプリットありません 他のオプションはテキストにのみ適用され、画像には適用されないためです。

リラaussi 記事とWordPressページのタイトルを非表示にする方法

今、私はスヌーピーを浮かしたいと思います、そのためには、「 ループ そして、ドロップダウンオプションで、[ ウェーブ "。 今スヌーピーは浮かんでいます：

要素の可視性を構成する方法

私のスヌーピーは浮かんでいますが、モバイルで見られたくありません。 [ 可視 »スマートフォンアイコンで、無効になっていることを確認します。

要素の動作を調整する方法

スライダーの読み込みを最適化するには、画像の読み込みを遅らせることができます。 これは、タブで行われます 行動 オプションで 遅延読み込み 」。 要素の応答性を強制することもできます。

要素にカスタムトリガーを作成する方法

アクションを使用すると、トリガーを特定のアクションに関連付けることができます。 トリガーを追加するには、タブをクリックします   »次にボタン«+»。

トリガーには3タイプがあります。

• クリックすると、マウスをクリックする行為であります
• 要素上のマウス入力
• 要素の上のマウス出口

アクションのリストは非常に長いです。 たとえば、「スヌーピー」をクリックしたユーザーを別のページにリダイレクトするには、アクション「 シングルリンク 新しいオプションが表示されます。

私たちも発見 Booking and Bookingからの10プレミアムWordPressプラグイン

Slider Revolution TimeLineの使用方法

Slider Revolutionは、下部に時間管理インターフェイスを提供します。 このインターフェイスを使用すると、要素のアニメーションが開始する場所と終了する場所を確認できます。

前の画像には、2つの青い矢印があります。 左側の最初は要素の入力アニメーションの開始を示し、2番目は入力アニメーションの終了を示します。 濃い赤色は、シーン内のアイテムの寿命を示しています。

リラaussi WordPressのブログにカウントダウンを追加する方法

また、期間のもう一方の端に似た端が見つかります（入力アニメーション、ライフタイム、終了アニメーション).

「 タイムライン どの要素が前に表示され、どの要素が最初に消えるかを制御できます。 優れたアニメーションを作成するには、習得する必要がある非常に実用的なツールです。

タイムラインには、スライドをプレビューするためにアクティブにできるプレーヤーもあります。

それまでは、スライドを作成するための基本を説明しました。 スライダーを保存して、プレビューを開始します。

このチュートリアルはこれですべてです。次に、記事のスライダーの表示といくつかの高度な操作について説明します。

いくつかのテーマとプレミアムWordPressプラグインもご覧ください  

他にも使えます WordPressのプラグイン モダンな外観を与え、ブログやウェブサイトの取り扱いを最適化します。

ここでは、そのためのプレミアムWordPressプラグインを提供しています。

1。 ディスクオーディオ

ディスクオーディオは別です WordPressのプラグイン ボタンを押すだけで、Web サイトにオーディオ プレーヤーを表示することができます。 オーディオ プレーヤーのレイアウトは完全にレスポンシブであるため、モバイル ユーザーは手間をかけずにその機能を楽しむことができます。

さらに、カラースキーム、外観、背景画像、不透明度など、多くのカスタマイズオプションを提供します。 キーボードで制御するためのいくつかのオプションがあり、 また、調整可能なスクロールバーを使用してプレイリストを表示することもできます。

また読みます： 10 WordPressのプラグインは、あなたのブログに研究を強化します

また、音楽プレーヤーにダウンロードリンクを埋め込み、ユーザーがWebサイトで再生中のトラックを購入できる場所をユーザーに示すこともできます。 

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

2。 イベント予約プロ

これは別の WordPressのプラグイン 100% 応答性が高く、カスタマイズが容易で、イベントの分野でサービスを提供するあらゆる Web サイトでの予約の管理に専念しています。

主な機能には、テキスト、色、境界線などのカスタマイズ、PayPalのサポート、クーポンコードとクーポンの管理、 Googleマップ、電子メールの管理のサポート、  ショートコードのサポート、直感的なコントロールパネル、簡単なイベント作成、外観の完全な制御など。

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

3.ソーシャルシェア＆ロッカープロ

Social Share＆Locker Proプラグインは、Webサイトがソーシャルメディアでより目立つように設計されています。 数回クリックするだけで、ソーシャルアイコンの位置を設定するか、提供されているソーシャルネットワークのXNUMXつで共有を要求することでコンテンツをロックできます。

10に事前定義されたテーマがあり、これは最も一般的な要望をカバーするはずです。 彼女のテーマはすべてRetinaであり、素晴らしい作品です。 

30物事は自分の公開後、あなたのブログの記事に行うには この記事を参照して、それらを発見してください。

また、Social Share＆Locker Proを使用すると、ソーシャルネットワークのフルネームまたはアイコンのみを表示できます。 それはあなたのデザイン、利用可能なスペース、またはあなたの希望に依存します。

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

推奨リソース

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

• 成功したブロガーになり、WordPressでお金を稼ぐ方法
• Googleフォームのワードプレスを統合する方法
• WordPressでプライバシーポリシーを作成する方法
• ブログのRGPD準拠を保証する6 WordPressプラグイン

まとめ

ここは ！ このガイドは以上です。 このチュートリアルで、WordPressのブログまたはWebサイトでSliderRevolutionを使用してスライドショーを作成するための基本を理解できたことを願っています。 ご質問、ご提案、発言がある場合は、セクションに残してください commentaires.

しかし、あなたも私たちに相談することができます ressources、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログの作成。

することを躊躇しないでください お気に入りのソーシャルネットワークで友達と共有する. 

...