WordPressの画像を別ページで開かずにポップアップさせよう!

2017年2月7日

Webサイトの画像を見るときに、ポップアップして見れる仕様だと見やすいですよね。

今回は画像をポップアップ表示できるプラグイン「Simple Colorboxについてご紹介いたします。

WordPressの画像を別ページに表示せずポップアップ!Simple Colorbox

画像をポップアップ表示出来るプラグインは「Simple Colorbox」です。

あひる
なぜColorなの?
ううこ
うるさいだまれ
注意!

Simple Colorboxは2年以上プラグインの更新がありません
従って最新版のWordPressでは仕様出来ない場合もあります。本サイトも今は(WordPress 5.3)使えなくなってしまいました(泣)

Simple Colorboxのインストール方法は他プラグインと同様。

新規追加からでも、ZIPファイルをインストールのどちらでも可能です。

  1. ダッシュボード
  2. プラグイン
  3. 新規追加
  4. 検索
  5. 今すぐインストール
  6. 有効化

Simple Colorboxで画像をポップアップする設定

運用までの具体的な手順を載せておきます。

1. ダッシュボードのプラグインから新規追加

ダッシュボードに入ります。

次にプラグインを選択し、新規追加をクリック。

2. 検索窓に「Simple Colorbox」を入力しダウンロード

プラグインの検索窓が表示されるので「Simple Colorbox」とテキストを入力して下さい。

といってもテキスト入力は面倒なので、以下をコピペして使ってください。

コピペ用テキスト↓

Simple Colorbox

検索すると次の画像のような「Simple Colorbox」カードが表示されます。「今すぐインストール」をクリック

「有効化」をクリック

ページが変わって次の表示が出ればOKです。

Simple Colorboxプラグインの設定は?

Simple Colorboxの設定は特になく、有効化だけで直ぐに使えます。

しかも今までアップロードした画像全てが、自動でポップアップしてくれる。

泣かせてくれます。

申し訳ないくらい見づらかった僕のサイトの画像が、かなり見やすくなったのは言うまでもありません。

WordPressの画像を別ページで開かずにポップアップまとめ!

Simple Colorboxで上手く画像のポップアップは出来ましたか?

  1. Simple Colorboxをインストール!
  2. 画像も心もポップアップ!

取り入れるほうも簡単で読者も見やすければこの上ないですよね。

導入して有効化だけで画像のポップアップ化ができるので、ぜひ一度利用してみてください!

Simple Colorbox

OYAKUN
Simple Colorboxを導入する際は、くれぐれもWordPressのバージョンに注意してご利用ください!

関連記事: WordPressの管理画面に404でログインできない時の解決方法
関連記事: WordPressにテーブルを作成するならInline Google Spreadsheet Viewer一択!
関連記事: 【最適化】WordPress・内部リンク専用プラグインShow Article Mapがスゴイ