WordPress
【WordPress】高機能コンテンツスライダープラグインSmart Slider 3
January 26, 2018
Smart Slider3は無料の高機能コンテンツスライダープラグイン。管理画面で簡単に画像の追加・変更などができる他、ユーザーフレンドリー、カスタマイズ可能なコントロール、自動再生、など様々な機能があります。
Smart Slider 3プラグインを導入
ダッシュボード >> プラグイン >> 新規追加 >>
有効化にするとSmart Sliderが追加されます。
Smart Slider
NEW SLIDEをクリックします。SLIDE LIBRARYからテンプレートを選択することも可能です。
今回はNEW SLIDEで作成します。
Slider Nameを入力し、幅などを設定します。
上記の部分をクリックし、画像をライブラリーから選択します。
各設定を行います。
GENERAL
| Name | 名前 |
|---|---|
| Controls | コントロール |
| Thumbnail | サムネイル |
| Align | 整列 |
| Slide background image fill | スライドの背景画像の塗りつぶし |
| Main animation | メインアニメーション |
| Main animation properties | アニメーションプロパティ |
| Background animation | 背景アニメーション |
SIZE
| Slider size | スライダーのサイズ |
|---|---|
| Margin | マージン |
| Mode | モード |
| Slider height | スライダーの高さ |
| Slide width | スライド幅 |
AUTOPLAY
- Autoplay 自動再生
- Stop autoplay on 自動再生をオンにする
OPTIMIZE
| Optimize images | 画像の最適化 |
|---|---|
| Background image | 背景画像 |
| サムネイルのサイズ |
LOADING
| Play when visible | 目に見えるときに再生する |
|---|---|
| Pre loaded slider ID | プリロードされたスライダーID |
| Delay | ディレイ |
| Delayed (for lightbox/tabs) | 遅延（ライトボックス/タブ用） |
DEVELOPER
| Hide website’s scrollbar | ウェブサイトのスクロールバーを隠す |
|---|---|
| Clear both before slider | スライダの前に両方をクリア |
| Remove spaces from parents | 親から空白を削除する |
| Hide siblings | 指定した数値を隠す |
| JavaScript callbacks | JavaScriptコールバック |
BULLETS
- Shows on 表示
- Thumbnail サムネイル
AUTOPLAY
- Shows on 表示
TEXT BAR
- Shows on 表示
THUMBNAILS
- Shows on 表示
- Thumbnail size サムネイルサイズ
SHADOWS
SETTINGS
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 | サーバー側モバイル検出 |
Font
| Item – Button | アイテム – ボタン |
|---|---|
| Item – Heading | アイテム – 見出し |
| Item – Text | アイテム – テキスト |
Style
| Item – Button | アイテム – ボタン |
|---|---|
| Item – Heading | アイテム – 見出し |
| Item – Image | アイテム – イメージ |
| Item – Text | アイテム – テキスト |
エディタ
テキストモード
ビジュアルモード
どちらもSmart Sliderをクリックし、スライダーを選択できます。
ウィジェット
表示させたいエリアに移動させます。
