いつも【初心者のためのWordpress完全マニュアルブログ】をご覧いただきありがとうございます。
Webサイトは誰でも作れる！このブログでは、Web開発知識や経験のない初心者の方でも、ドラッグ&ドロップなどの簡単操作でできるウェブサイト作りを提案しています。

今回は、かなり高性能なスライダーが簡単に導入できちゃう有料プラグイン、【Slider Revolution】の使い方についてご紹介します。

なぜDIVIのデフォルトモジュールにスライダーがついているのに、わざわざプラグインを購入しないといけないんだ！！(｀Д´#)

と思った方もいらっしゃることでしょう・・

正直に言います。DIVIのスライダーモジュールは最悪です笑

いや最悪という訳ではないですが、本当に基本的なスライダー機能しか搭載しておらず、カスタマイズもできません。

ちなみにこのウェブサイトのトップページにある、マウスを当てるとボックスが3Dにぐるぐる動くオシャレなランディングページもこのSlider Revolutionを使ってあります。

お値段は$25、日本円にして約3,000円ですが、このプラグインとにかくめちゃくちゃ高性能です。カスタマイズ性もかなりあり、JavaScriptの知識がなくたって、かなり高性能のスライダーが設定１つでできてしまいます。

とは言っても初心者の方にとっては、このカスタマイズというのがかなりの曲者。。正直設定が多すぎると、触る気にも慣れない。。

ご安心ください！

このプラグインのすごい所は、一旦購入するとサンプルのFree Premium Sliderが使い放題なのです。

詳しくはこちらをクリックして、サンプルをご覧ください。

$25でこのFree Premium Sliderというタグがついているサンプルは使い放題という素晴らしいサービスがもれなくついてきます。

あなたのやることは、この中からお気に入りを選んで、あとは画像をちょいちょいと変えて、テキストをちょいちょいと入れ替えるだけ。

もちろんこだわりのある上級者の方は、タイミングの調整や、なんなら自分のカスタムスライダーを１から作ることもできます。（トップページのスライダーは、画像とテキストを変えただけです。。すみません。。）

ランディングページはいわば、看板と同じ！
とにかくこだわればこだわるほど、訪問者の興味を惹きつけてくれますよ！！
 



 

Slider Revolutionのダウンロードとセットアップ

①　まずはSlider Revolutionを購入しよう。

こちらをクリックして、まずはSlider Revolutionを購入画面にアクセスします。

Buy Nowをクリックすると下の画面の様に、アカウントの登録や、お支払い情報に進むので、必要事項を全て記入後、お好きなお支払い方法を選択して購入画面に進みます。

②　プラグインをダウンロードする。

購入が完了すると、登録したアドレスにCode Canyonというサイトからメールが届きます。My Downloadというボタンをクリックします。

緑のDownloadボタンをクリックすると、下の様なドロップダウンメニューが現れるので、一番上のAll Files & Documentationをクリックします。

クリックすると、自動でZipファイルがダウンロードされます。

ダウンロードが終わったら、Zipファイルを開いて、revslider.zipというファイルがあるのを確認します。このZipファイルがプラグインのファイルになります。

③　プラグインを追加する。

あとはいつのもの要領で、ダッシュボードからプラグイン>>新規追加>>プラグインのアップロードからrevslider.zipをアップロードします。

プラグインを有効化すると、左のサイドバーにSlider Revolutionという項目が追加されます。

Slider Revolution >> Slider Revolutionをクリックして、設定画面に行きます。

④　プラグインをアクティベートする。

まずは、Plugin ActivationのセクションにあるRegister Slider Revolutionをクリックして、Purchase Codeを登録します。

その肝心のPurchase Codeはどこにあるのかというと、先ほど届いたメールアドレスの中にあります。

下の画像の黒く塗りつぶしてある部分を全てコピーアンドペーストします。

無事コードが認証されると、下の画像の様にPlugin Activatedにチェックがつき、赤から緑のボタンに変化します。

これは人によって違うかもしれませんが、System Requirementsのセクションに行くと、赤いボタンでProblem Foundという表示がされています。

バツマークがついている項目の横にあるCheck Nowをクリックして、問題を解決します。

項目に全てチェックがつくと、画像の様にNo Problemsという緑の表示に変わります。

⑤　好きなPremium Free Sliderをインストールする

スクロールアップすると、スライダーを追加するセクションが一番上にあるので、Add Slider From Templateを選択してPremium Free Sliderを追加してみましょう。

Add Slider From Templateをクリックすると、テンプレートが一覧表示されるので、好きなテンプレートを選択してください。

テンプレートをクリックすると、下の画像の様に表示されるので、Install Sliderボタンをクリックします。

Install Sliderをクリックすると、下の画面の様なポップアップウィンドウが出るので、Onlineをクリックします。

Revolution Sliderに今ダウンロードしたテンプレートが加わるので、クリックしてカスタマイズ画面に進みます。

少し長くなってしまったので、次回のブログにてスライダーレボリューションの基本的な使い方についてご紹介します^^

ここまでの手順で何か分からないところ等ございましたら、お気軽にコメント欄やメールにてお問い合わせください。

また、Wordpressに関して使ってみたいけど、使い方が分からないプラグインやテーマ、こんな事してみたいけどどういうプラグインを使ったらいいか分からない等のリクエストもどしどし受け付けてます！

お気軽にご連絡ください！

次回：　人気No.1超高性能スライダープラグイン【Slider Revolution】 の使い方　その２　〜基本操作編