コンテンツスライダーのプラグインを入れてみました。ブログの上の方でスルスル動くやつです。少し見栄えがよくなったかな?

パッと目を引く!コンテンツスライダー

ブログの上部にバナーを置いて、見栄えをよくしたいな、と思っていたんです。

バナーがくるくる回るコンテンツスライダーも面白いかなと思って、設置してみました。

意外と簡単でしたよ^^

 

Tribulant Slideshow Gallery

私が設置したコンテンツスライダーのプラグインは、Tribulant Slideshow Galleryです。
  • 複数のバナーを交互に見せたい
  • バナーの飛び先のリンクを設置したい
  • 無料♪
などの理由で、今回は「Tribulant Slideshow Gallery」を選びました。

有料版もあるようですが、今のところ私のレベルでは無料版で十分という感じ。

 

設置方法

1.プラグインのインストール

管理画面から、「Tribulant Slideshow Gallery」を検索してインストール。

 

2.設定個所は3ヶ所。(上3つ)

ギャラリー管理



スライド管理



外観設定

の順で設定していきます。

 

 
①Manage Galleries(ギャラリー管理)
Manage Galleriesに、スライド名を登録します。

[Save Gallery]を押すと、↓このようになります。
(PHPコードが後で必要になります。)


 

 
②Manage Slides(スライド管理)
スライドを必要な枚数分、登録します。


今回は、こんな感じで。

 
③ Configuration Settings(外観設定)
スライドのスピードや表示の仕方など、指定ができるようですが、無料なので使えない(グレー表示)のところが多いです。

ちょちょっといじったら、バナーの表示サイズが小さくなって切れてしまったので、デフォルト表示にしました。

(英語分からないので ^^;)

でも、デフォルト表示でも十分使えます。

 
④ 賢威6.2のテーマ編集にphpソースを埋め込む
このブログの場合は、ブログ記事の上に表示をさせたかったんです。


 

なので、メインインデックスのテンプレート(index.php)をいじりました。


 

先ほどの、スライド名のPHPコードを、メインコンテンツの下にコピペします。


そして、更新ボタンを押せば、完成です。

※phpソースをいじるのが不安な方は、編集前にいちど「index.php」全体をメモ帳などにバックアップを取ってから、やってみてくださいね。

 

まとめ

コンテンツスライダーって、難しいと思っていたんです。

そうしたら、思いのほか簡単に設置できて、びっくりしました。

手間以上にインパクトがある出来上がりになったでしょ。

興味ある方は、ぜひお試しください^^