Pickupニュース

WordPressで画像を挿入する時は、ギャラリーを使うのも良いよ。
コラム

WordPressで画像を挿入する時は、ギャラリーを使うのも良いよ。

画像管理が面倒なあなたに
通常WordPressで記事内に画像を挿入する場合は、メディアの追加から画像を選択して投稿に挿入を行うと思います。でも、この方法だと後から変更点が出た場合修正が面倒になるケースもあるので、それなら初めからギャラリー機能を使うようにするのも便利です。

画像のタイトル・キャプションを後から変更出来る?

今ここに、photo01.jpgという画像ファイルがあります。
この画像をWordPressの記事中に挿入する場合、以下のような手順になります。

https://www.youtube.com/watch?v=9PiX2lzB0mE

しかし、もし投稿公開後に画像タイトルを付け忘れていた、あるいは後から変更したくなったらどのようにすれば良いでしょうか。
さらに、ある程度投稿数が溜まった時点で、やっぱり全ての画像の下にキャプションを表示したいと思ったらどうでしょうか。

WordPressの画像は<img>に展開されて挿入されますので、メディアライブラリ内のタイトルやキャプションを修正するだけでは反映されず、全ての投稿の中の画像ファイルを1つ1つを修正して挿入し直す必要があります。
MySQLの操作に長けているならば、正規表現を使って一括置換することも出来るでしょうが、初心者にとっては中々敷居が高いです。

ではWordPressで後から変更の可能性のある画像を挿入するには、どのような手段を取るのが良いでしょうか?

ギャラリー機能を使ってみよう

WordPressには複数の画像を選択して、まとめて挿入する方法(ギャラリー機能)があります。
これは、通常の画像挿入と異なり、表示したい画像のIDやサイズ、リンク先を指定したショートコード形式で挿入されます。

https://www.youtube.com/watch?v=_3owtMDmwbo

ギャラリーショートコード

ギャラリーショートコードの設定
[gallery ids=”{画像ID, 画像ID, 画像ID…}” link=”{リンク先}” columns=”{カラム数}” orderby=”{並び順}” size=”{画像サイズ}” ]

ギャラリーの設定 内容 初期値※
リンク先 リンク先を 添付ファイルのページ / メディアファイル / なし から選択 添付ファイルのページ
カラム カラム数を1~9で指定 3
ランダム チェックすると画像の並びがランダム (空)
サイズ 表示画像サイズを サムネイル / 中 / 大サイズ /フルサイズから選択 サムネイル
初期値はショートコード挿入時には省略されます。

ギャラリーで画像を挿入

もちろん、ギャラリーと言っても、選択する画像が1枚であっても問題ありません。

https://www.youtube.com/watch?v=Vz_to8jaH_8


ギャラリー機能を使って1枚の画像を「中サイズ」で「メディアファイルにリンク」で挿入する場合は、以下のように記述します。
HTMLCopy
[gallery ids="{画像ID}" columns="1" size="medium" link="file"]

ギャラリーを使うメリット

ギャラリー機能を使って画像を挿入しておけば、メディアライブラリでタイトル、キャプション項目を修正・追加すれば、投稿を一切編集することなく反映させることが出来ます。また、また、メディアライブラリでの項目修正作業は、自動保存されるのでその作業は非常に簡単です。

https://www.youtube.com/watch?v=7LCWTPk70Qw




取り敢えず画像をどんどん挿入しておいて、後から修正するような執筆スタイルを採る方にとっては、こちらの方法が便利だと思います。

ギャラリーのCSSの無効化

ギャラリー機能を使うと、ギャラリー表示用のスタイルシートが出力されます。通常の利用では特に問題無いですが、レイアウトに合わない場合もあります。
その際は、functions.phpに以下のコードを追加することでスタイルシートの出力を無効化することが出来ます。
PHPCopy
function disable_default_gallery_style() { return false; } add_filter('use_default_gallery_style', 'disable_default_gallery_style');

ギャラリーが使えないシチュエーション

それでもギャラリーが万能ということでは無く、以下の状況では使用は控えたほうが良いでしょう。
  • 画像のリンク先をカスタムURLで指定したい場合
  • 文章中の途中に画像を挿入したい場合


コメントを残す

記事ランキング