WordPressで、スライドショーを使う方法を説明します。

 

WordPressでは、Easing Sliderというプラグインがあるのですが、
このプラグインを使えば、簡単にスライドショーを設定することが
できます。

 

スライドショーの導入方法

まず、Easing Sliderのプラグインをダウンロードします。

 

プラグインを有効化すると、WordPressの管理画面に
“Slideshow“という項目が出てきます。

2013-10-08_233344

Slideshowをクリックすると、
Edit Slideshowという項目が出てきます。

2013-10-09_142953

 

 

最初は、何も画像が入っていないので、一番右側の項目で
Manage Slides”という欄の”Add Images”というボタンを
押すと、画像が追加出来ます。

2013-10-08_233639

その下のDimensionは、サイズの指定になります。
そこで、希望するサイズを指定して下さい。
(もちろん、作成する画像のサイズもそのサイズに
合わせるのが良いです)
ちなみに私は、520px x 230pxで設定しました。

 

スライドショーなので、最低2つ以上、画像を挿入て下さい。

次に、画像をクリックして、画像のリンク先
マウスをあてた時の表示されるタイトルを書いて
保存します。

2013-10-09_143037

 

最後にスライドショーのコードを挿入したいところに
埋め込んでいきます。

 

私は、今回、トップページの中央にスライドショーを
入れたかったので、

 

WordPressの管理画面から
“外観”→”テーマ編集”→”メインインデックスのテンプレート“を
選択します。

 

私は、賢威を使っているので、
<!–▽メインコンテンツ–>
<div id=”main-contents”>

という所の下に、以下のようなコードを貼りつけます。

<h2>おすすめの商材&サービス</h2>
<div class=”contents clearfix”>
<?php if (function_exists(‘easing_slider’)){ easing_slider(); }; ?>
</div>

 

ポイントは、緑になっている部分です。
賢威以外でも、基本的に上記の部分をしっかり記載するとスライドショーが
表示されます。

 

こんな感じです。

2013-10-13_170551

 

スライドショーを使うと、スペースもうまく活用出来ますし、
サイトに躍動感が生まれて、見栄えがよくなりますよね^^

 

あなたもスライドショーを使って、かっちょ良くて、効果的な
サイトを作って下さい!

 

よろしければ応援のクリックをして頂けるとうれしいです!

アフィリエイトランキング