WordPress で画像をポップアップして拡大表示する方法

wp-pop

Contents

投稿画像の画質が悪すぎる悩み

WordPress やGIMP の使い方を紹介するブログ作りをしていると、どうしてもスクリーンショット画像が多くなります。
画面全体のどの位置にそのコマンドがあるかを伝えたい時、下のような画像になります。

WordPress-1

カラム幅を調整してみたり、画像の大きさをフルサイズにしてみたり…
様々な方法を試しましたがうまくいきませんでした。
せめてポップアップ拡大してくれるプラグインでもあればなぁ、と思って検索したら有ったのです!
しかもWordPress のデフォルト機能として!

画像をポップアップして拡大表示する方法

結論から言うと、画像に原画のリンクを貼るだけです。
画像にリンクを貼る機能があるのは知っていましたが、広告バナーなどのサイトURLを貼るだけの機能だと思っていました。
ポップアップ表示実装なんて、WordPress 開発者に感謝です。

既存ページの画像もポップアップ表示にできます

WordPress-2

画像ブロックを選択してリンクボタンを押します。
メディアファイルを選ぶことでその画像の原画が呼び出され、ポップアップ表示できるようになります。

WordPress-3

初めの画像もこの通り。

今回のまとめ

WordPress の全機能を理解することは大変です。(知ろうとも思わない…)
こんな機能が欲しいと思ったときは検索してみて、まずは公式サイトを見ましょう。
これで解決したらよし、というのが私のブログ生活の基本です。

WordPress関連

タイトルとURLをコピーしました