こんにちは、りゅうのすけ(@k_r001)です。
この記事では、WordPressで画像がクリックされた時に拡大表示する方法について書いています。
こういった方に向けて、「Easy FancyBox」についてまとめてます。
Easy FancyBoxをインストール
まずは、「Easy FancyBox」をダウンロードしましょう。
キーワードに「Easy FancyBox」と入力すれば、出てきます。
インストールできたら必ず有効化しましょう。
パソコン内にダウンロードしたい場合は、⬇︎下記リンクより取得できます。
Easy FancyBoxの設定
「Easy FancyBox」でやっておくべき設定は、2つです。
- 代替テキストの非表示
- リンク先にメディアファイルをデフォルトに設定
全ての画像に設定したくない場合は、「代替テキストの非表示」だけ行いましょう。
代替テキストの非表示
代替テキストの非表示を行っていないと、上記画像のように代替テキストが見えてしまいます。
代替テキストは、Googleのクローラーに画像を正しく読み込ませるのが目的なので、表示する必要はないです。
【画像SEO】WordPressの画像にalt属性を設定する意味
これで代替テキストが表示されなくなります。
メディアファイルをデフォルトに設定
「Easy FancyBox」をデフォルト設定のままにしておくと、以前選択した設定に自動で変わります。
これを常にメディアファイルにしておくことで、必要な時だけ変更するだけになるのでとても便利です。
以下のURLにアクセスしてください。
「https://自分のサイトのドメイン/wp-admin/options.php」
「command」＋「F」で設定場所を検索できるので、「image_default_link_type」と入力しましょう。
「image_default_link_type」の記入箇所に、「file」と入力して一番下にある変更を保存を押しましょう。
これで設定完了です。
Easy FancyBoxの使い方
「Easy FancyBox」は、投稿画面から利用できます。
「メディアを追加」➡︎「追加する画像を選択」すると設定項目が追加されています。
あとは画像を追加すれば、完了です。
まとめ
「Easy FancyBox」を使うことで、画像を大きく表示できるので、細かい部分を見せやすくなります。
手順など画像で説明するときに、拡大できるので見やすい画像にすることができますよ。
最後まで見ていただき、ありがとうございました。
