Instagram

【WordPress】記事内の画像をクリックすると拡大されるようにしたい

WordPress
WordPress




こんにちは、Ruiです。

テーマはTwenty Twelveを使用しています。記事内の画像をクリックすると拡大されるようにする方法を調べてみました。

ダッシュボード→設定→メディアで、わたしの場合、画像サイズは以下のとおりに設定し、通常は中サイズの「幅の上限530:高さの上限500」の画像を記事に挿入しています。

WordPressメディア画像サイズの設定画面
記事に画像を挿入する際「リンク先」のプルダウンメニューから「添付ファイルのページ」(通常は「なし」を選択しています)を選択して、一番下の「リンクを新しいタブで開く」のボックスにチェックを入れます。

WordPress画像をクリックして拡大する設定の画面
画像をクリックして拡大

これで画像をクリックすると、新しいタブでフルサイズの画像(今回の場合は、アップロードしたフルサイズの画像サイズが1466 x 862)が表示されます。

新しく開いた画像のページタイトルは、ダッシュボード→メディア→ライブラリ→メディアの詳細で、タイトルの欄で書き換えることができます。このページで表示される公開日時は画像をアップロードした日時が表示されます。

追記:2017年11月10日
当ブログ開設以来、使用し続けてきたテーマ「Twenty Twelveから、有料テーマ、オープンケージのSTORK に乗り換えました。