WEB

WordPressで画像をポップアップで拡大表示してみる「Easy FancyBox」

WordPress(ワードプレス)でサイトやブログを作成している際、画像をクリックしてふわっと大きく表示されたら良いなと思うことはありませんか?

そんな時、簡単に設定できるプラグインが「Easy FancyBox」です。
このブログでも「Easy FancyBox」を利用して画像を拡大ポップアップ表示していますので、見え方の参考にしてみてください。

WordPress管理画面から、プラグインの新規追加で「Easy FancyBox」と検索をしてインストール、有効化します。

新規追加の検索で出てこない場合には、コチラからダウンロードし、wp-content/pluginsにインストールすることでも可能です。

Easy FancyBoxを使ってみよう

「Easy FancyBox」のプラグインが有効化されたら、拡大表示したい画像の記事から直接設定が可能です。

まずは、画像を記事に配置してみましょう。

「アップロード」もしくは「メディアファイル」を選択し、画像を入れていきましょう。

拡大表示させたい画像を選択したら、右下にある「ファイルのURL:」の中のURLをコピーしておきましょう。

今入れた画像をエディターで選択し、リンクを設定します。

リンク先のURLは先程コピーしたものを入れるだけでOKです。

このカメラの画像のようにクリックすると大きくなれば成功です。

また、メディアファイルの「キャプション」の部分を設定することで、この画像のようにキャプションを設定することも可能です。
※図では「キャプションも入れられます」となっています。

関連記事

TOP