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

WordPressの設定
qimono / Pixabay

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

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

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

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

Simple Colorbox

アヒルン
アヒルン

なぜColorなの?

うちゅうじん
うちゅうじん

うるさい

注意!

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

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

 

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

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

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

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

必見! WordPressのパーマリンクとpost-id設定は意外と大事という話

 WordPressをhttps化!設定方法とか手順だよ。

コメント

タイトルとURLをコピーしました