スライダーを作れるWordPressプラグイン一覧

2018年11月25日2020年12月22日

当サイトで紹介している 23 個の WordPress 用スライダープラグインの概要をまとめてみました。

Meta Slider

Meta Slider は、スライダー毎に ID が発行されるので、
複数のスライダーをショートコードを利用して同時に使うことができます。
テンプレートタグも用意されているので、
使用中のテーマの PHP が使える任意の場所で使うこともできます。

スライダーもレスポンシブに対応した下記の 4 種類のスライダーから選択できます。

Flex Slider 2
Nivo Slider
Responsive Slides
Coin Slider

スライダーの切り替えも専用画面から変更できるので、
投稿記事などを編集する必要もありません。
また、日本語化対応もされています。

使用可能用途：イメージスライダー
Meta Slider の使い方 – WordPress 活用術
 https://www.hiskip.com/wp/plugin/lightbox/2312.html
https://www.hiskip.com/wp/plugin/slider/4106.html

Smart Slider 3 – Responsive WordPress Slider

Smart Slider 3 は、モバイル端末にも対応した高機能スライダープラグインです。
各スライダー内のスライドはレイヤー機能をそれぞれ備えています。
スライドには画像以外にも YouTube 動画や WordPress の投稿も指定可。

作成したスライダーは、マウス操作以外にもスワイプ・キーボードでの操作も可能。

また、作成したスライダーのインポート・エクスポートも可能です。
マルチサイトにも対応しています。

使用可能用途：コンテンツスライダー・イメージスライダー・ビデオスライダー
Smart Slider 3 の使い方 – WordPress 活用術

Master Slider – Responsive Touch Slider

Master Slider は、レスポンシブに対応した画像・動画を使えるスライダープラグインです。
スワイプジェスチャーによるタッチナビゲーションもサポート。
スライダーに追加できる 7 種類のコントロールも用意されています。

主要な Web ブラウザーをサポートしています。
8 個のサンプルスライダーも用意されています。

使用可能用途：イメージスライダー・ビデオスライダー・サムネイル付きスライダー
Master Slider の使い方 – WordPress 活用術

Slider by Soliloquy – Responsive Image Slider for WordPress

Slider by Soliloquy – Responsive Image Slider for WordPress は、レスポンシブに対応したイメージ＆ビデオ用スライダーです。

使用可能用途：イメージスライダー・ビデオスライダー
Slider by Soliloquy の使い方 – WordPress 活用術

Slider by 10Web – Responsive Slider

Slider by 10Web – Responsive Slider は、レスポンシブに対応した画像＆動画用スライダーです。
「前」「次」「○」「再生」「一時停止」などのナビゲーションボタンをカスタマイズ可。
マウスとキーボードでの操作およびタッチスワイプなどもサポート。

各スライドにはテキスト文字もしくは画像の透かしを追加したり、
スライド上での右クリックを禁止にすることもできます。

使用可能用途：イメージスライダー・ビデオスライダー
Slider by 10Web の使い方 – WordPress 活用術

Accordion and Accordion Slider

Accordion and Accordion Slider は、簡単なアコーディオン機能が付いたレスポンシブイメージスライダーが簡単に作れます。
スライドの移動方向は、水平と垂直の 2 方向を選択可。

スマホなどのモバイル端末でのタッチスワイプとタップジェスチャーと、
デスクトップ PC などでのマウスドラッグをサポートしています。

1 ページに複数枚のスライドを表示することもできます。

使用可能用途：アコーディオンスライダー
Accordion and Accordion Slider の使い方 – WordPress 活用術

Accordion Slider

Accordion Slider は、レスポンシブに対応したアコーディオンスライダーが作成できます。

アコーディオンは、水平もしくは垂直方向に開くことができます。
作成したスライダーをプレビューすることができます。
キーボードとマウスホイールでのナビゲーションにも対応。

使用可能用途：アコーディオンスライダー
Accordion Slider の使い方 – WordPress 活用術

Before After Image Slider

Before After Image Slider は、2 つ以上の画像を使ってビフォーアフタースライダーを作れます。

Before After Image Slider の使い方 – WordPress活用術

Blog Designer

Blog Designer は、ショートコードで簡単に投稿をスライダーまたはグリッドで表示できます。

使用可能用途：投稿系スライダー
Blog Designer の使い方 – WordPress 活用術

Crelly Slider

Crelly Slider は、レイヤー機能を使えるレスポンシブイメージスライダーが作れます。
レイヤー機能では、各スライドにテキスト・画像・動画を複数個追加することができます。

※サムネイル付きスライダーの作成は不可。

使用可能用途：イメージスライダー
Crelly Slider の使い方 – WordPress 活用術

Easing Slider

Easing Slider は、スライダー機能を簡単な設定だけで手軽に作成・管理と使用ができます。
作成したスライダーは、投稿記事・固定ページとカスタム投稿の記事中にショートコードを使って挿入でき、またテンプレートタグを使って使用中のテーマ内に簡単に挿入できます。

スライドには、メディアライブラリーの画像だけでなくて、
URL を指定して外部サイトの画像も追加できます。

画像以外にも YouTube、Vimeo または Wistia の動画をスライダーに追加できて、
画像には、jQueryライトボックスをリンクすることもできます。

スライダーの動作として、カルーセルスライダーも使用可。

使用可能用途：イメージスライダー・ビデオスライダー
Easing Slider の使い方 – WordPress 活用術

Folder Slider

Folder Slider は、自サイトの指定したディレクトリ内にある画像をスライダーで表示できます。
ディレクトリの指定は、ショートコード毎に指定が可能で、
WordPress 標準のメディアライブラリーのディレクトリ wp-content/uploads 以外でも可。
スライドの動作は、3 種類（水平・垂直・フェード）から選択できて、自動再生も可能。

使用可能用途：イメージスライダー
Folder Slider の使い方 – WordPress 活用術

Post Sliders & Post Grids

Post Sliders & Post Grids は、投稿を（カルーセル）スライダーもしくはグリッドで表示できます。

使用可能用途：投稿系スライダー
Post Sliders & Post Grids の使い方 – WordPress 活用術

Post Slider

Post Slider は、最新記事・人気記事・注目記事などをスライダーで表示できます。

使用可能用途：投稿系スライダー
Post Slider の使い方 – WordPress 活用術

Slide Anything – Responsive Content / HTML Slider and Carousel

Slide Anything – Responsive Content / HTML Slider and Carousel は、レスポンシブコンテンツカルーセルスライダーが作れます。
各スライドで、テキストエディターとビジュアルエディターが使えるので、
任意のコンテンツ（画像、テキスト、HTML、ショートコードなど）を入れられます。

また、スライダー内で同時に表示するスライドの枚数を指定できます。
表示するスライドの枚数は、ユーザー側の端末の画面サイズ（固定の範囲指定）毎に設定可。

スワイプとマウス操作もサポートしています。

このプラグインは、下記の jQuery を使用しています。

Owl Carousel 2 jQuery
Magnific Popup jQuery（Lightbox 系の効果に利用）

また、各スライダーに専用の CSS ID セレクタを割り当てられるので、
スライダー毎に適用したい CSS を指定することができます。

使用可能用途：コンテンツスライダー
Slide Anything の使い方 – WordPress 活用術

SlidersPack

SlidersPack は、FancyBox 機能付きの（カルーセル）スライダーを作ることができます。
画像スライダーとしてだけではなくて、
WordPress の投稿や ACF Gallery アドオンまたは ACF Pro の画像をスライダー表示可。

SlidersPack の使い方 – WordPress活用術

Transition Slider

Transition Slider は、トランジションとアニメーションレイヤーを備えた HTML5 ＋ WebGL を使ったレスポンシブスライダーが作れます。

Transition Slider の使い方 – WordPress活用術

Twenty20 Image Before-After

Twenty20 Image Before-After は、2 枚の画像ファイルを使ってビフォーアフター画像風のスライダーが作れます。

Twenty20 Image Before-After の使い方 – WordPress活用術

Ultimate Responsive Image Slider

Ultimate Responsive Image Slider は、レスポンシブに対応したサムネイル付きイメージスライダーを簡単に作ることができます。
デフォルト設定のままでサムネイル付きスライダーになります。
サムネイルは非表示にすることもできます。

使用可能用途：イメージスライダー・サムネイル付きスライダー
Ultimate Responsive Image Slider の使い方 – WordPress 活用術

Widget Post Slider

Widget Post Slider は、投稿をウィジェットでスライダー表示できます。
特定のカテゴリーだけに絞っての表示も可能です。

使用可能用途：投稿系スライダー
Widget Post Slider の使い方 – WordPress 活用術

WP Contact Slider

WP Contact Slider は、問い合わせページなどをスライド表示できるようにしてくれます。
各スライド毎にスライドを表示させる投稿記事や固定ページを個別に指定できます。
スライドを表示中でもページスクロールも可能です。

使用可能用途：その他スライダー
WP Contact Slider の使い方 – WordPress 活用術

WP Responsive Recent Post Slider

WP Responsive Recent Post Slider は、ショートコードを使って最新の投稿をサムネイル付きのスライダーで表示できます。
スライダーは 4 種類のデザインから選択できます。
表示したくない投稿を指定したり、表示する投稿をカテゴリーで絞り込めたりもできます。
カスタム投稿タイプとカスタムタクソノミーにも対応しています。

使用可能用途：投稿系スライダー
WP Responsive Recent Post Slider の使い方 – WordPress 活用術