画像のSliderを入れよう

Side BarやHeaderにSliderが貼り付けられているのを、よく見ますよね。

画像1

このPluginでですね。Huge IT Sliderというのが正式名称なんでしょうが、Sliderで検索して出てきます。
WP4.0になってから、Pluginも探しやすくなりましたね。

画像2

Installしてみると、Dashboard Menuにこんな感じのHuge IT Sliderが出てきます。


画像3

既にここにデモ用のMy First Sliderがありますので、試しにそのショートコードをコピペして、勉強してもOK。

では、カスタマイズしましょう。まず新規名前を付け新規スライドを作成します。そしてAdd Image Slideで画像を追加します。画像追加はメディアファイルから選びますが、新規に追加してもOK。
何枚か画像を指定したら、それぞれにTitle、Description、URLを指定します。
最後に、Curent Slide OptionでWide、Heightを指定します。この指定はスライドの枠指定ですから、image画像の大きさとは違います。なるべくImage画像より小さめで、コンテント幅イッパイか小さめが良いと思います。
Efect は試さないとわからないので、色々試してみて決めてください。この画面を開きっぱなしでOptionを変更しても投稿ページにすぐ反映されましので、ドンチャンSave Slideしながら、投稿ページ(プレビュー)で確認してください。
Pause time、Change speedはミリ秒で表示します。DefaultのままでOKですが、色々やってみてください。

[huge_it_slider id=”2″]

…という具合になります。最後にPlugin のHead Cleanerを使っている人は、上手くいかないことがあるので、Head CleanerをOffにするか別のPluginの使用を検討してください。
投稿記事にもSliderが入ると、見栄えがグンとよくなったりします。手軽に使えてイイですね。


%d人のブロガーが「いいね」をつけました。
%d人のブロガーが「いいね」をつけました。