小さな画像をクリックで拡大させたい時ありますよね。拡大表示させただけだと...画像をクリック!別ページが開いてしまいます。見た目もよろしくない上に、前のページに戻らなければならない煩わしさ。そこで本日は画像をふわっと美しく拡大表示するLightbox系プラグインを紹介します。利点は、画像を拡大表示させるだけなら、プラグインをインストールする以外設定が不要なこと。スマホに対応(レスポンシブ対応)していること。これだけスマートフォンが普及し、モバイルフレンドリーと言う考え方が定着した今、レスポンシブ対応ではないプラグインなんて必要ありません。それでは、インストールからいきましょう。FancyBox」と入力して「今すぐインストール」をクリック・有効化します。ダッシュボード内、「設定」>「メディア」を開きます。「FancyBox」という項目が出てくるので必要に応じて設定を行います。画像を拡大表示させるだけなら特にいじる必要はありません。以下、使いそうな項目だけ説明しています。Media拡大表示させる項目を選択できます。デフォルトで「images」にチェックが入っています。Overlay画像を拡大した時の背景を設定します。Opacity:背景の透明度を指定します。0(完全に透明)~1(完全に不透明)、初期値は0.7です。Color:背景色を指定します。初期値は#777、黒なら#000、白なら#fff。1、Colorは#000として下さい。color:titleタグで表示した文字の色を指定できます。初期値は背景が黒(#000)で文字が白(#fff)。color:拡大表示した画像の周りの色を指定できます。画像を拡大表示する投稿の「メディアを追加」をクリック。ポップアップ表示させたい画像をメディアライブラリより選択します。チェックを入れたら「添付ファイルの表示設定」のリンク先を「メディアファイル」に変更して、「投稿に挿入」をクリックします。src="https://startmeup.jp/base/wp-content/uploads/2019/07/digital2183-1.jpg"></a>グループとして複数の画像を拡大する投稿の「メディアを追加」>「ギャラリーを作成」をクリック。ポップアップ表示させたい画像をメディアライブラリより選択します。チェックを入れたら「ギャラリーを作成」をクリックします。リンク先は「メディアファイル」を指定して「ギャラリーを挿入」をクリック。指定することでグループ化できます。デモページ動作確認はデモページをご確認下さいね。個人でデザイン事務所を開業後、2018年3月にスタートミーアップ合同会社へ。イメージキャラクター」に採用されました。Plus」2020.01.23デジタル事業部Facebookページ作成時に「市区町村と都道府県を入力してください」と表示され次に進めなくなる問題の原因と解決策。スライダー(スライドショー・カルーセル)は本当に必要?その役割と必要性について。関連記事2018年09月25日インターネットの利用環境に関する調査結果から改めてモバイルフレンドリーについて考える。イメージキャラクター」に採用されました。イメージキャラクター」に採用されました。Plus」Facebookページ作成時に「市区町村と都道府県を入力してください」と表示され次に進めなくなる問題の原因と解決策。新年あけましておめでとうございます。人材紹介デジタル事業部ブログお知らせ転職をご希望の方30代40代のキャリアアップ。