プラグイン

記事やサイドバーにスライドショーを表示できるプラグイン『Smart Slider 3』

更新日:

【WPプラグイン】初心者でも簡単にスライダーを実装できる『Smart Slider 3』

こんにちは。WordPress研究家SHINです。

指定したコンテンツの画像や動画を、WordPress初心者でも簡単にスライダー表示させるプラグインを紹介していきます。

 

スライダー例

previous arrow
next arrow
previous arrownext arrow
Shadow
Slider

 

限られたスペース内で、たくさんの画像や動画を表示できるのはすごく便利♪

初めてWordPerssプラグインでスライダーを実装したい人は「Smart Slider 3」が一番おすすめ出来ます。

Slick Sliderおすすめポイント

  • どのデバイスからでも可変表示する「レスポンシブ対応」
  • 初心者でも簡単な操作で実装できる
  • スライダー表示方法とカスタマイズが十分過ぎるほど豊富
  • 容量が少なく、同様のプラグインでも高水準の軽快さ
  • ウェブサイトが先進的イメージで伝わる

褒め倒していますけど・・ホントおすすめ♪

カッコイイのは分かったけど、どういった時に使えるの?
かおり
SHIN
んじゃ教えるよ♪

 

コンテンツスライダー用途例

  • 見て欲しい記事をスライダーループにして固定表示できる
  • アフィリエイト記事で商品紹介にバツグンな効果
  • カスタマイズすれば先進的なトップページが作れる

 

SHIN
固定スペースにいくつもコンテンツ画像や動画を表示できるので、スクロールやスワイプして戻ったり、記事のボリュームが多くなってしまう様なデメリットがなくなる。つまり、ユーザビリティ向上の効果もありだね♪
へぇ~・・最近SHIN賢くなったみたいね♪
かおり
SHIN
でしょ!?・・(オチ無しかい・・・;)

 

WordPressプラグインSmart Slider 3インストール

SHIN
WordPressダッシュボードから、プラグイン「新規追加」>「Smart Slider 3」と検索して表示されたら「今すぐインストール」して、有効化しましょう。

 

Smart Slider 3の基本的な使い方

一番オーソドックスなデフォルトスライダーの作り方を解説していきます。

 

step
1
WordPressダッシュボードにある「Smart Slider」をクリックします

Smart Slider

 

注意ポイント

ココから分かりやすいように「日本語表記」で進めていきます♪

step
2
Smart Sliderダッシュボードで「新しいスライダー」をクリックします

Smart Slider1

 

step
3
「スライダー名」>「表示サイズ」>「スライダータイプ」を入力選択して「作成する」で進みます

Smart Slider2

 

step
4
コンテンツ名をあらかじめ決めておき、まとめてドラッグ&ドロップします

Smart Slider3

ドロップしたコンテンツが表示されたら、次にスライダー表示設定ですね。

 

スライダー設定方法

全般(GENERAL)

Smart Slider4

SHIN
「全般(GENERAL)」では、名の登録ですね。以外は基本的にデフォルトで十分ですけど、オシャレな機能で「主なアニメ(Main animation)」は、スライダーの動きをいろんなパターンにできるところ♪

 

サイズ(SIZE)

Smart Slider5

SHIN
この「サイズ(SIZE)」設定も基本デフォルトですけど、応答モードにある表示方法はコンテンツによって切り替えた方がいいですね。LPページは「全幅」がインパクトあるのでおすすめです。

 

自動再生(AUTOPLAY)

Smart Slider6

SHIN
自動再生ONOFFを設定できます。

 

最適化(OPTIMIZE)

Smart Slider7

SHIN
画像最適化とJetPack.comのオプティマイザ共有は「ON」にしておきましょう。表示速度に影響する設定なので、ここは大事!

 

矢印(ARROWS)

Smart Slider8

SHIN
スライダー左右上下の矢印カスタマイズができる設定です。ココは好みだけど、「見やすい」ってユーザビリティを考えて設定するのが一番ですね。

 

弾丸(BULLETS)

Smart Slider9

SHIN
スライダーコンテンツに数を表示する「ドット」の設定ですね。表示した方が親切ですよね♪

 

テキストバー(TEXT BAR)

Smart Slider10

SHIN
このテキストバー表示は便利♪コンテンツを説明するもよし、CSSでリンクボタンも追加できるので、見て欲しい記事、おすすめ記事、ランディングページなどへ飛ぶURLを挿入できますからね♪

 

サムネイル(THUMBNAILS)

Smart Slider11

SHIN
コンテンツ下に表示させる「サムネイル」です。コレすごくオシャレです♪コンテンツ数が多い場合は、利用した方がひと目で見やすくなります。

 

影(SHADOWS)

Smart Slider12

SHIN
特に「魅せるコンテンツ」には効果的な設定ですよね♪オリジナリティーもあるので、コンテンツの差別化にもなります。

 

まとめ

僕はいくつかWordPressのスライダープラグインを試してみましたけど、「Smart Slider 3」が一番機能が多くて設定が簡単でした。

スライダープラグインでは「最強」ですね♪

 

応用的な使い方を発見したら、また追記していきます。

ではまた(*´∇`)ノ

  • この記事を書いた人
  • 最新記事
SHIN

SHIN

WordPressテーマ研究家のSHINです。WPテーマとコーヒーをこよなく愛し、日々マウスをカチカチ!キーボードをパチパチ!しながら研究をしている人。

-プラグイン
-, ,

Copyright© WordPress theme NAVI , 2019 All Rights Reserved Powered by AFFINGER5.