2019.06.28どうも、スマコマのコマ太郎です。1つ前の記事「画像をクリックすると大きなサイズの画像を表示する設定」で、その設定方法を解説しました。基本機能で実現でき手軽なのですが、実は1つ大きな問題があります。それはクリックして表示された画像の画面から戻ることが簡単にはできず、ブラウザの戻るボタンを押す必要があることです。前のページに戻るとページの最初に戻ってしまうため、読み進めていた場所に戻る必要があります。そこで活躍するのが画像をクリックすると画像をポップアップして表示して、さらに閉じるボタンも追加してくれるプラグインです。画像がポップアップ表示されたページこのプラグインを使うことで、拡大された画像をポップアップ表示させることができる上、ウィンドウに表示されている×ボタンをクリックすれば閉じることができ、元のページの読んでいた部分に戻ることができます。画像を使って解説することが多いなら、ぜひ使いたいプラグインです。FancyBox」プラグインを使うことで、画像の表示方法をカスタマイズすることができます。FancyBox」プラグインを使っています。プラグインをインストールすれば、ほぼそのまま使えます。1点注意が必要となるのが、GIF画像を使っているケースです。デフォルトでは、GIF画像には反応しないので、設定を追加してあげる必要があります。その設定については後述します。FancyBox」をインストールしてください。説明する必要もないと思いますが、わからない場合はプラグイン名をコピーした上でこちらの記事をご覧ください。あわせて読みたい記事WordPressにプラグインをインストールする、もっとも簡単な方法WordPressにプラグインをインストールする方法として3つありますが、この記事ではもっとも簡単に出来る方法をご紹介します。ポップアップさせるメディアタイプを選択します。メディアを表示する際のオーバーレイの挙動設定を行います。ポップアップした画面のデザイン設定を行います。button」をオンにします。対象となる画像の挙動、ギャラリーの設定を行うことができます。これがないと、GIF画像をクリックしてもポップアップしてくれません。FancyBox」プラグインの設定が出来たら、次は投稿画面での画像の貼り方です。画像をクリックすることで、大きな画像でポップアップさせる設定については、1つ前の記事で書いた操作と同じになります。画像をクリックすると大きなサイズの画像を表示する設定ウェブページの中には画像をクリックすると大きなサイズの画像を見ることができます。smaKoMAポイントは、2つ。メディアファイルにするという点と、大きな画像を用意しておくことです。詳しくは上記の記事をご覧ください。FancyBox」プラグインは、簡単にポップアップする画像にしてくれるので、とても重宝しています。個人的には必須プラグインの1つになっています。細かな設定がありますが、ほぼデフォルトで困ることはないはずです。この記事が役に立ちましたらシェアしてもらえると嬉しいです。↓↓TweetShareGoogle+HatenaPocketfeedly#画像ファイル#EasyFancyBox#ポップアップコメント/質問、お気軽にどうぞ。コメントをキャンセルメールアドレスが公開されることはありません。体験記に最適!記事内にリスト型リンクを自動で追加できるプラグイン特定のページのサイドバーにあるウィジェットの表示を制御したいときに使えるプラグインサイドバーに追加したウィジェットのデザインが合わないときに使えるプラグイン同じカテゴリーで使われているタグをサイドバーに表示させるプラグイン見ている記事と同じカテゴリーの記事一覧をサイドバーに表示できるプラグインWordPressの記事投稿画面に「次の記事」ボタンを追加するプラグインブログを作るなら知っておきたい画像ファイル形式の話(JPG、PNG、GIF)画像加工/編集ソフトは、どれがいいの?有料と無料の両方教えます。#バックアップ最近の投稿2019.10.14Udemyの英語コンテンツを日本語字幕で見る方法【解決!】2019.07.23ブログのテーマはベン図で考えよ。smaKoMAホームWP入門WPプラグインお問い合わせ。