WordPress

WPの画像をクリックでポップアップ拡大 Easy FancyBox

プロモションを含みます

easy gancy box

WordPressでサイトを作っているとたくさんの写真を小さな画像(サムネイル)表示させて、クリックする事で写真を大きくポップアップ表示させたい時があります。
そんな便利な仕組みを簡単に作ってくれるプラグインが「Easy FancyBox」です。

Easy FancyBoxの使い方

下記の写真をクリックしてみてください。

 

下はギャラリーを使用していますので、隅にカーソルを持ってきますと矢印が出て他の画像に移動できます。(^^♪

このような事をするのに、「Easy FancyBox」が使用されます。

Easy FancyBoxのインストール

「プラグイン」の「新規追加」をクリックして、キーワードに「Easy FancyBox」と入れます。
下記が出てきたら、「今すぐインストール」をクリックして、その後「有効化」をクリックします。

これでプラグイン作業は終了です。

Easy FancyBox

画像、写真のメディアファイル化

最初に「メディアの追加」から目的の写真又は画像を「ファイルをアップロード」からアップロードしましょう。

ファイルをアップロード

写真がアップロードできたら、目的の写真にカーソルを持ってきて、下記のえんぴつマークをクリックします。

アップロードファイルの編集

画像詳細の下記の部分を編集します。

①で表示したいサムネイルの大きなを決めます。
右側に実際の画像が出てきますのでそれを参考にしてください。

②を「メディアファイル」に変更します。

左下の「更新」クリックして作業を終了です。

メディアファイルの作成

WordPressの「変更のプレビュー」を見てください。
思ったように写真がポップアップします。(^^♪

写真をギャラリー表示にする

ギャラリーを作るには、先に写真や画像をインストールしておく必要があります。
今回は、上記ですでにインストールしてある写真を使用します。

「メディアの追加」をクリックして、「ギャラリーを作成」をクリックします。

ギャラリー作成

写真の中から、先ほどアップロードした写真を2枚選択します。
写真の右端にレ点が付けばOKです。

画像の選択

右下の「ギャラリーを作成」ボタンをクリックします。

ギャラリーを作成ボタン

下記のような画面になればOKです。

 

ギャラリーを編集

右端の①を「メディアファイル」に変更します。
カラムは1行に表示する写真の枚数になりますが、3枚ぐらいが見やすいのでおすすめです。

メディアファイルに変更

最後に右下の「ギャラリーを作成」をクリックしたら終了です。

 

ギャラリーを作成ボタン

WordPressの「変更のプレビュー」を見てください。
思ったように写真がポップアップします。(^^♪

これで解説は全てです。
簡単にできますので、後は自由に調節してみてください。

 

-WordPress