Lightbox系のワードプレスプラグインを比較&サンプルサイト
ワードプレスのプラグインで、画像をクリックした際にポップアップ表示(ふわっと浮き上がるような感じで)してくれるLightbox系のプラグインを一覧にしました。
探してみると結構な数のプラグインがあって、それぞれ動きや見た目も違います。
1つ1つインストールして確認するのも手間もかかりますので、導入しているサンプルサイトへのリンクも付け、実際の動作も確認しながら比較できるようにしてみました。
プラグインの名前は似ているものが多く実際は別モノという事が結構あるので、管理画面からプラグインを検索して導入する際はご注意下さい。
- jQuery Colorbox

背景は暗くなってストライプが見えます。細かい設定で動作を調整できますが、デフォルトのままでもいい感じに動作します。
導入サイト:TOPICK- WP SexyLightBox
-

とても面白い動きで、画面上から画像が落っこちてきます。
導入サイト:フリードメインNAVI - WP-Slimbox2 Plugin

背景が少し暗くなって縦から横に画像が拡大されます。
導入サイト:CMS MANIAAuto Highslide
拡大した画像を掴んで画面上を移動させることもできます。
追記:ワードプレス公式サイトからの配布が停止になってしまいました。
導入サイト:SEORY BLOG(プラグインを停止しました)- WP Facebox

クリック後背景が薄暗くなってすぐに拡大表示が浮かんできます。シンプルな動作。
導入サイト:無料ドメインガイド- Shadowbox JS

動きがスムーズで滑らかです。
導入サイト:試行錯誤- WP FancyZoom

背景はそのままの明るさで、画像のみがポップアップ表示されます。
導入サイト:Themes Galler(テーマギャラリー)- Fancybox

縦や横に動かず、そのまま拡大表示されます。余計な動きが嫌いな方におすすめ。
導入サイト:ご当地グルメ.net
コメント (0)
まだコメントはありません。
コメントを書く
-
AI「Gemini」で出力されるコードにはコメントアウト表示されないので注意
Google謹製のAI「Gemini」にJavaScriptのコードを聞きながら作…
-
Tailwind CSSで指定できる背景色のカラーパレット(classとカラーコードまとめ)
Tailwind CSSで背景色を指定する際に下記のようにclassを付ける…
-
Premiere Pro「ビデオトランジション」一覧
動画編集ソフトのAdobe Premiere Pro(プレミアプロ)で標準で用…
-
VSCode・Cursorでタブが表示されない場合の対応方法
コードエディタ「Visual Studio Code」(VSCode)と「Cursor」で…

















もっと出して少ない