WordPress

【WordPress】高機能コンテンツスライダープラグインSmart Slider 3

January 26, 2018
Smart Slider 3

Smart Slider 3
Smart Slider3は無料の高機能コンテンツスライダープラグイン。管理画面で簡単に画像の追加・変更などができる他、ユーザーフレンドリー、カスタマイズ可能なコントロール、自動再生、など様々な機能があります。

Smart Slider 3プラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Smart Slider 3を検索
有効化にするとSmart Sliderが追加されます。

Smart Slider

Smart Slider 3
NEW SLIDEをクリックします。SLIDE LIBRARYからテンプレートを選択することも可能です。
今回はNEW SLIDEで作成します。

Smart Slider 3
Slider Nameを入力し、幅などを設定します。
Smart Slider 3
上記の部分をクリックし、画像をライブラリーから選択します。

Smart Slider 3
各設定を行います。

GENERAL

Smart Slider 3

Name 名前
Controls コントロール
Thumbnail サムネイル
Align 整列
Slide background image fill スライドの背景画像の塗りつぶし
Main animation メインアニメーション
Main animation properties アニメーションプロパティ
Background animation 背景アニメーション

SIZE

Smart Slider 3

Slider size スライダーのサイズ
Margin マージン
Mode モード
Slider height スライダーの高さ
Slide width スライド幅

AUTOPLAY

Smart Slider 3

  1. Autoplay 自動再生
  2. Stop autoplay on 自動再生をオンにする

OPTIMIZE

Smart Slider 3

Thumbnail size

Optimize images 画像の最適化
Background image 背景画像
サムネイルのサイズ

LOADING

Smart Slider 3

Play when visible 目に見えるときに再生する
Pre loaded slider ID プリロードされたスライダーID
Delay ディレイ
Delayed (for lightbox/tabs) 遅延(ライトボックス/タブ用)

DEVELOPER

Smart Slider 3

Hide website’s scrollbar ウェブサイトのスクロールバーを隠す
Clear both before slider スライダの前に両方をクリア
Remove spaces from parents 親から空白を削除する
Hide siblings 指定した数値を隠す
JavaScript callbacks JavaScriptコールバック

BULLETS

Smart Slider 3

  1. Shows on 表示
  2. Thumbnail サムネイル

AUTOPLAY

Smart Slider 3

  1. Shows on 表示

TEXT BAR

Smart Slider 3

  1. Shows on 表示

THUMBNAILS

Smart Slider 3

  1. Shows on 表示
  2. Thumbnail size サムネイルサイズ

SHADOWS

Smart Slider 3

SETTINGS

Smart Slider 3
General settings

Show help beacon ヘルプビーコンを表示する
Show discover modal モーダルを表示する
Automatic update check 自動更新チェック
Translate url 翻訳URL
Editor – additional CSS files 追加のCSSファイル
Hardware acceleration on sliders スライダのハードウェアアクセラレーション
Send slide as file スライドをファイルとして送信
Open preview in new window 新しいウィンドウでプレビューを開く
Show editor icon エディタアイコンを表示する
Show in WordPress admin bar WordPress管理者バーに表示
YOAST SEO sitemap – add images YOAST SEOサイトマップ
Force Joomla RTL backend Joomla RTLバックエンド

Responsive mode

Based on ベース
Maximum screen width 最大画面幅
Default width percentage デフォルトの幅のパーセンテージ
Server side mobile detect サーバー側モバイル検出

Smart Slider 3
Font

Item – Button アイテム – ボタン
Item – Heading アイテム – 見出し
Item – Text アイテム – テキスト

Style

Item – Button アイテム – ボタン
Item – Heading アイテム – 見出し
Item – Image アイテム – イメージ
Item – Text アイテム – テキスト

エディタ

Smart Slider 3
テキストモード

Smart Slider 3
ビジュアルモード

Smart Slider 3
どちらもSmart Sliderをクリックし、スライダーを選択できます。
Smart Slider 3

ウィジェット

表示させたいエリアに移動させます。