WordPress

WPの画像をクリックでポップアップ拡大ARI Fancy Lightbox

プロモションを含みます

ARI Fancy Lightbox

WordPressのアップデートによって、 Easy FancyBox が使用できなくなりました。
FIreFoxのプレビューでは、しっかりと動作するのですが、オーガニック検索による実際のサイトは画像のポップアップは全く機能しません。

そこで今回、「Easy FancyBox」に代わるプラグインとして、「ARI Fancy Lightbox」をご紹介します。

ARI Fancy Lightbox

WordPressのダッシュボードで「プラグイン」→「新規追加」の「キーワード」に「ARI Fancy Lightbox」をコピペしましょう。
インストールして有効化しますと下記のようになります。

ARI Fancy Lightboxプラグイン有効化

ダッシュボードに「ARI Fancy Lightbox」が出てきますのクリックしますと下記の設定画面が出てきますので、画像の通りレ点を入れて下の方のスクロールして、「Save Changes」をクリックします。

ARI Fancy Lightboxの設定

上のタブの「Lightbox」をクリックして、下記のように設定をします。

ARI Fancy Lightboxの設定2

の部分にレ点を入れて、最期にの「SaveChanges」をクリックします。

ARI Fancy Lightboxの設定3

設定はこれで終了です。(^^♪

実際にテスト画像をアップロードしてみます。
記事中で上部の「メディアを追加」から

メディアを追加

の「ファイルをアップロード」「ファイルを選択」画像の選択をして、右下の「投稿に挿入」をクリックします。

メディアをアップロード

これで記事の画像が張り付きますが、大きすぎますので、のどこでもいいので画像をクリックして、出てきたポップアップのの編集をクリックします。

アップロードした画像をクリックして、上部に出てくるポップアップの②の部分をクリック

下の画像を変更する画面が出てきますので、①をサイトに表示したい大きさ、②を「メディアファイル」にします。
出来たら、

画像をメディアファイルに変更

設定画面の右下にある「変更」をクリックします。

画像を変更

すると下記のような小さな画像に変換されてサイトに表示されます。

実際に記事をアップロードしてサイトを見てみましょう。
画像をクリックしますと、画面一杯の大きな画像に変更されて右上には✖マークがありますので、消す事ができます。

ARI Fancy Lightboxの結果

下記が実際に作った画像になりますので、実際に試してください。(^^♪

ARI Fancy Lightboxのテスト

-WordPress