Random Circuits
Experiment log

WordPressの画像はLightboxにした方がいいのか

ブログの画像をクリックしたとき、その場で大きく表示するLightbox。

昔からある機能ですが、技術系の記事では今でもかなり便利です。

特にRandom Circuitsみたいに、

管理画面のスクリーンショット。

PCの設定画面。

機材写真。

配線。

細かいUI。

こういう画像が多くなるサイトでは、拡大できた方が圧倒的に見やすい。

今回はSimple Lightboxを導入

Lightbox自体をテーマに直接組み込む方法もあります。

ただ、今回は機能をテーマから分離したかったので、Simple Lightboxを使いました。

テーマを変えても画像の表示機能は残るし、管理も楽です。

画像はメディアファイルへリンク

使い方は簡単。

WordPressの画像ブロックを追加。

リンク先を「メディアファイル」にする。

これだけ。

その画像をクリックするとLightboxで開きます。

全画像をLightboxにする必要はない

個人的には、全部の画像を無条件で拡大できるようにする必要はないと思っています。

装飾用画像や小さいアイコンまでLightboxになると、逆に邪魔。

拡大して見てほしいスクリーンショットや写真だけ、メディアファイルリンクにする。

この運用が一番自然です。

スマホでも便利

PCでは画像をある程度大きく表示できますが、スマホではどうしても縮小されます。

そのときLightboxで拡大できると、設定画面の細かい文字も見やすい。

技術メモ系ブログには、やっぱり相性がいい機能です。