【WordPress】おそらく最も機能豊富なスライダープラグインWordPress Slider Plugin – WP 1 Slider

wordpress_slider_plugin-wp1_slider_s
WordPress Slider Plugin – WP 1 Sliderは機能豊富なフリーのWordPressスライダープラグイン。特徴はスライダー画像は無制限、レスポンシブ対応、キャプション設定、サムネイル設定、2つの異なるボックスシャドウ、4つの異なるキャプションレイアウト、10の異なるサムネイルページャー、7つのナビゲーションデザイン、ショートコード設置、ウィジェット設置など色々な機能があります。

WordPress Slider Plugin – WP 1 Sliderプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> WordPress Slider Plugin – WP 1 Sliderを検索
有効化にするとWP 1 SlidersとエディタにAdd WP 1 SliderとウィジェットにWP 1 Sliderが追加されます。

WP 1 Sliders

wordpress_slider_plugin-wp1_slider_1

Add Newでスライダーを作成します。タイトルを入力しておきます。

Sliders

Add Image Sliderをクリックすると新たに画像を登録できます。

Title タイトル
Description 説明
Slider Image スライダー画像
Show Button ボタン表示(チェックを入れるとButton Text、Button URLが入力できます。)

Slider Settings

  1. Show slider box shadowでボックスシャドウを表示するかを選択します。
  2. Box shadow typeでボックスシャドウの種類を選択します。ボックスシャドウは2種類で、プレビューが表示されます。

Caption Settings

Caption typeによって項目が追加・変更される箇所があります。以下はCaption typeのType2参照

Caption type キャプションの種類を4つの中から選択します。
Title font size タイトルのフォントサイズ
Description font size 説明のフォントサイズ
Title color タイトルの色
Description color 説明の色
Title background color タイトルの背景色
Caption position キャプションの位置
Show caption in widget スライダーをウィジェットで表示する時にキャプションを表示するか

Pager Settings

Pager type、layoutによって項目が追加・変更される箇所があります。以下はDotのType4を参照

Pager type ページャーの種類を選択。
Dot layout ドットのレイアウト。ドットのレイアウトは4種類、サムネイルのレイアウトは10種類が準備されています。
Background color 背景色
Active color アクティブカラー

Navigation Arrow Settings

Navigation arrow styleでナビゲーションのスタイルを選択します。スタイルは7種類準備されています。

Slider Options

右側上部にあるスライダーのオプションです。

Width 幅(%指定。100は100%)
Speed スライドスピード
Auto オートプレイ
Transition 遷移
Controls コントロール
Responsive レスポンシブ

最後に公開をクリックします。

All WP 1 Sliders

wordpress_slider_plugin-wp1_slider_8
作成したスライダーはAll WP 1 Slidersで確認することができます。

エディタ

wordpress_slider_plugin-wp1_slider_2
エディタのメディアを追加の隣にAdd WP 1 Sliderが追加されているかと思いますので、クリックします。

wordpress_slider_plugin-wp1_slider_3
Select Sliderに作成したスライダーのタイトルが表示されるので、表示させたいものを選択し、Insert Sliderをクリックします。

wordpress_slider_plugin-wp1_slider_5
ショートコードが挿入されます。

ウィジェット

wordpress_slider_plugin-wp1_slider_6
ウィジェットを移動させます。
wordpress_slider_plugin-wp1_slider_7
Select Sliderで表示させるスライダーを選択します。

wordpress_slider_plugin-wp1_slider_4
完成です。

 
WordPress Slider Plugin - WP 1 Slider

【WordPress】おそらく最も機能豊富なスライダープラグインWordPress Slider Plugin – WP 1 Slider

  • LATEST
  • RELATED
  • POPULAR