WordPressでサイトを作っているとたくさんの写真を小さな画像(サムネイル)表示させて、クリックする事で写真を大きくポップアップ表示させたい時があります。
そんな便利な仕組みを簡単に作ってくれるプラグインが「Easy FancyBox」です。
Easy FancyBoxの使い方
下記の写真をクリックしてみてください。
下はギャラリーを使用していますので、隅にカーソルを持ってきますと矢印が出て他の画像に移動できます。(^^♪
このような事をするのに、「Easy FancyBox」が使用されます。
Easy FancyBoxのインストール
「プラグイン」の「新規追加」をクリックして、キーワードに「Easy FancyBox」と入れます。
下記が出てきたら、「今すぐインストール」をクリックして、その後「有効化」をクリックします。
これでプラグイン作業は終了です。
画像、写真のメディアファイル化
最初に「メディアの追加」から目的の写真又は画像を「ファイルをアップロード」からアップロードしましょう。
写真がアップロードできたら、目的の写真にカーソルを持ってきて、下記のえんぴつマークをクリックします。
画像詳細の下記の部分を編集します。
①で表示したいサムネイルの大きなを決めます。
右側に実際の画像が出てきますのでそれを参考にしてください。
②を「メディアファイル」に変更します。
左下の「更新」クリックして作業を終了です。
WordPressの「変更のプレビュー」を見てください。
思ったように写真がポップアップします。(^^♪
写真をギャラリー表示にする
ギャラリーを作るには、先に写真や画像をインストールしておく必要があります。
今回は、上記ですでにインストールしてある写真を使用します。
「メディアの追加」をクリックして、「ギャラリーを作成」をクリックします。
写真の中から、先ほどアップロードした写真を2枚選択します。
写真の右端にレ点が付けばOKです。
右下の「ギャラリーを作成」ボタンをクリックします。
下記のような画面になればOKです。
右端の①を「メディアファイル」に変更します。
カラムは1行に表示する写真の枚数になりますが、3枚ぐらいが見やすいのでおすすめです。
最後に右下の「ギャラリーを作成」をクリックしたら終了です。
WordPressの「変更のプレビュー」を見てください。
思ったように写真がポップアップします。(^^♪
これで解説は全てです。
簡単にできますので、後は自由に調節してみてください。