画像をクリックしたら拡大表示するワードプレスプラグインMENUホームカテゴリー別Windows112021年10月5日に日本に公開されたWindows11(ウィンドウズ11)についてのカテゴリーです。Excel(マイクロソフトエクセル)についてまとめたカテゴリーです。PowerPoint(マイクロソフトパワーポイント)についてまとめたカテゴリーです。Outlook)についてまとめたカテゴリーです。情シスの自由帳ホームカテゴリー別Windows112021年10月5日に日本に公開されたWindows11(ウィンドウズ11)についてのカテゴリーです。Excel(マイクロソフトエクセル)についてまとめたカテゴリーです。PowerPoint(マイクロソフトパワーポイント)についてまとめたカテゴリーです。Outlook)についてまとめたカテゴリーです。Fancyboxという画像をクリックすると拡大表示させるためのワードプレスのプラグインの機能と使い方をご紹介します。このプラグインは日本語にも対応しており、デザインにも悪影響なく、表示速度も遅延させることもないことからこのサイトでも常時利用しています。記事の中に画像を多く使うワードプレスメディアにはとってもオススメのプラグインです。Fancyboxは有効インストール数300,000以上、レビューでもほとんどが★5のとっても評価が高いプラグインです。Fancybox公式サイトをご覧ください。FancyBoxがどのように動作するか具体的に見てみたいと思います。FancyBoxを使ってふわっと拡大される画像と、されない画像を用意してみました。それぞれクリックして違いを見てみてください。拡大されて表示された画像は、左右上下の空いているグレーのスペースか、画像右上の✕をクリックすることで閉じることができます。FancyBoxのインストール方法を解説していきます。使っているワードプレスにログインし、画面右側にある[プラグイン]の欄から[新規追加]をクリックしてください。[新規追加]をクリックすると、[プラグインを追加]という画面に移ります。FancyBox]と入力してください。FancyBox]を見つけて[今すぐインストール]をクリックしてください。類似している名前のプラグインも多数あります。画像や説明文もよく見比べてください。FancyBoxのステータスが「インストール中」になります。そのまま待っているとインストールが終わり、[有効化]というボタンを押せるようになります。クリックしてください。ワードプレスはインストール後に有効化をすることでプラグインが機能するようになります。インストール後は忘れずに[有効化]してください。FancyBoxが表示されていることを確認してください。FancyBoxのインストールは完了です。FancyBoxをインストールして有効化するだけでは画像をふわっと拡大させることはできません。ここからは有効化後の使い方を解説します。FancyBoxを使って1枚の画像をふわっと拡大させる方法を解説します。編集画面からふわっと拡大させたい画像をクリックしてください。画像をクリックしたら、編集画面の左上にあるリンクのアイコンをクリックしてください。リンクのアイコンをクリックすると、下に向かってメニューが伸びます。その中から[メディアファイル]をクリックしてください。1枚の画像をふわっと拡大させる方法[メディアファイル]をクリックすると、上記の画面のようになります。この状態で初めて画像がふわっと拡大表示されるようになります。過去の画像を全てこのように拡大したい場合は、画像1個1個に対してリンクのアイコンから[メディアファイル]を選択する必要があります。FancyBoxを使うと、ワードプレスの標準機能にあるギャラリーで作成した画像集もふわっと拡大表示させることが可能です。ギャラリーの画像をふわっと拡大させる方法を詳しく解説します。拡大表示させたいギャラリーを選択して、右側にある[リンク先]でメディアファイルを選択してください。ギャラリーではこの1回の作業で全ての画像が個別にふわっと拡大表示されるようになります。ギャラリーの画像をふわっと拡大させる方法1枚の画像をふわっと拡大表示させるときとの違いは、拡大された画像の右側に次の画像に移動するためのボタンが用意されていることと、左下に画像のキャプションに入っている文字が自動的に表示される点です。画像のキャプションを適当につけてしまっている場合は、メディアファイルを編集する必要があります。FancyBoxは初期設定のままでも十分期待している動作をしてくれるプラグインです。ここではそれ以外に最低限確認してほしい点のみを解説します。FancyBoxの設定を変更するには、ワードプレスの右側にある[設定]をクリックすると下に向かって展開されます。展開されたメニューの中から[メディア]をクリックしてください。FancyBoxでは、画像の他にPDFやYouTube等といったメディアも拡大表示させることが可能です。画像以外にも拡大表示させたいメディアがある場合はここでチェックを入れてください。.webp]が画像の拡張子として設定されています。gif等も追加したい場合はこの欄にカンマ区切りで追加してください。FancyBoxを有効化しても画像がふわっと拡大されない場合は以下の2点を確認してください。FancyBoxを有効化してもクリックした画像が拡大表示されない場合は、まず画像のリンク先に[メディア]が正しく設定されているか確認してください。画像1枚1枚に対してリンク先の設定をしないといけないので最も漏れやすいところです。※当ブログでも設定漏れで拡大させない画像がちらほらあるかもしれません。FancyBoxの設定画面で対象に含まれているか確認してください。gifに関しては利用している人も多いと思いますが、初期設定でgifは拡大の対象になっていません。その他ワードプレスのプラグインに関する記事その他ワードプレスのプラグインに関する記事はこちです。Plugin]を導入するには以下の手順で行います。Pluginをインストール。ワードプレスでブログを作成していると、それぞれの投稿に関連性の高い記事を表示してもっといろんな記事を見てもらいたくなる事があると思います。YARPP最後までご覧いただきありがとうございました。情シスの自由帳は、情シスマンが半径3m以内のITに関する情報を掲載してるサイトです。Windows系を主として、ソフトや周辺機器について思い立った物を色々解説しています。できる限り詳しく、丁寧に解説していくつもりですが、解説で不明な部分やもっと深く掘り下げたほうが良い記事がありましたら遠慮なくコメント欄でコメントいただけるとありがたいです。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。