【Cocoon】画像をクリック拡大！プラグインなしでかんたん設定【WordPress】

「画像が小さくて見づらい」

「画像内の文字が見づらい」

「プラグインなしで画像をクリックで拡大できるの？」

PCでは画像が見やすいが、スマホだと画像が見づらい、そんな経験をしたことがあります。

画像内に書かれている文字だと、なおさら見づらいです。

どうにかして画像を大きく表示させることはできないか…

この記事では、そんな方に向けて、Cocoonで画像をクリックで拡大させる設定方法をお話しします。

どこよりも分かりやすく書いている自信がありますので、ぜひ最後まで読んでマスターしてください！

また以下の記事では、Cocoonの使い方や設定方法をブログ運営歴・公開した記事数別でまとめて紹介しています。

さっそく本題に入りましょう。

Cocoonで画像をクリックで拡大させる設定方法

Cocoonで画像をクリックで拡大させる設定方法は、下記の通りです。

画像をクリックで拡大できるかは、プレビューで確認してみましょう。

Cocoon画像の拡大効果4選

Cocoonでは、画像をクリックしたときの拡大効果が4項目あります。

各拡大効果については、Cocoon公式サイトで詳しく解説しています。

画像の拡大効果を変更する方法

画像の拡大効果を変更する方法は、下記の通りです。

クリックで拡大できる/できない画像の比較

クリックで拡大できる/できない画像の比較を

それぞれで紹介します。

イラスト画像では…

_{＼試しにクリックしてみましょう／}

クリックで拡大した画像の方が、細かい部分も見やすくなります。

テキスト画像では…

_{＼試しにクリックしてみましょう／}

クリックで拡大した画像の方が、文字は見やすくなります。

画像をクリックで拡大させるメリット

画像をクリックで拡大させるメリットを、私なりに考えてみました。

それぞれ解説します。

画像内の文字が見やすくなる！

ブログに挿入した画像の最大サイズは決まっているので、どんなにサイズが大きい画像を挿入しても、そのブログに適正な画像サイズにリサイズされて表示されます。

つまり、大きすぎるサイズの画像は縮小されてしまうので、文字も小さくなり、ユーザーにとって不便になります。

ただ、画像をクリックで拡大できるよう設定すれば、画像内の文字も見やすくなり、ユーザーもストレスなく文字を読むことができます。

スマホで画像が見やすくなる！

PCに比べてスマホの画面のサイズはかなり小さいので、画像が見やすいかどうかは注意が必要です。

もし画像が見づらいと、ユーザーの離脱率が高くなり、記事を最後まで読んでもらえなくなります。

ですので、スマホの方が多く読まれている記事では、画像をクリックで拡大できるように設定しましょう。

画像をクリックで拡大させるデメリット

画像をクリックで拡大させるデメリットを、私なりに考えてみました。

解説します。

スマホで記事を読むのに邪魔になる

スマホでは下にスクロールしながら記事を読むと思いますが、スクロールしているときに誤って画像をタップしてしまい、画像が拡大表示される場合があります。

拡大表示された画像は、×で閉じないといけないので、少し面倒です。

PCでは、スクロールボタンとクリックボタンが分かれているマウスで操作するため、気にする必要はありませんが、

スマホだと誤操作で画像をクリック拡大してしまうケースも考えられるので注意が必要です。

まとめ

今回は、Cocoonで画像をクリックで拡大させる設定方法を紹介しました。

当ブログでは、Cocoonに関する記事をいくつか書いてます。

下のカテゴリーページにまとめていますので、のぞいてみてください。