WordPressの画像投稿で挿入されるタグのカスタマイズ

「アップロード/挿入」で画像をアップし、投稿に挿入した時のタグをカスタマイズする方法

通常は、記事の中に以下のようなimgタグが挿入される

<a href="画像URL"><img src="画像URL"　alt="代替テキスト" title="タイトル" width="100" height="100"　class="alignnone size-full wp-image-151" /></a>

例えば、画像の幅と高さを指定するタグ「width="100" height="100"」
このタグが必要ない人もいるだろう。、自動で挿入されてから手作業で削除していては手間がかかる。

最初からこのタグが“ない状態”で挿入されないものか？

<a href="画像URL"><img src="画像URL" alt="代替テキスト" title="タイトル" class="alignnone size-full wp-image-151" /></a>

※2012年10月3日追記

画像 – ウェブマスター ツール ヘルプでは以下のように説明されている。

すべての画像の幅と高さを指定します。置き換えできない要素のサイズが指定されていると、画像がまだダウンロードされていなくてもウェブブラウザでのページの表示を開始できます。このようなサイズを指定しておくことで、ページの読み込みが早くなり、ユーザー エクスペリエンスを向上させることができます。

引用終了。

Googleでは画像の幅と高さを指定するよう推進している。

さらに、「title」と「class」も必要ない

<a href="画像URL"><img src="画像URL" alt="代替テキスト" /></a>

さらにさらに、自分の好きなテーマのクラスにしたい時

<div class="imagebox"><a href="画像URL"><img src="画像URL" alt="代替テキスト" /></a></div>

これらを最初の状態から挿入するための設定

【参考サイト】
画像を投稿に挿入するタグをカスタマイズ | データベースに接続できません

さらに、下記のように「リンクURL」も最初から空の状態にするための設定

【参考サイト】
WordPressで画像投稿時に自動で入るリンクを取る方法 | WEB DESIGN (B)LOG

以上

※2012年10月4日追記

記事投稿時の画像挿入の際、CSSのクラス名をあらかじめ決めておくこともできる。

<a href="画像URL"><img src="画像URL"　alt="代替テキスト" title="タイトル" width="100" height="100"　class="alignnone size-full wp-image-151 photo" /></a>

「wp-includes/media.php」を開き、以下の箇所を変更する。

media.php　231行目

$html = ‘<img src="’ . esc_attr($img_src) . ‘" alt="’ . esc_attr($alt) . ‘" title="’ . esc_attr($title).’" ‘.$hwstring.’class="’.$class.’" />’;

↓

$html = ‘<img src="’ . esc_attr($img_src) . ‘" alt="’ . esc_attr($alt) . ‘" title="’ . esc_attr($title).’" ‘.$hwstring.’class="’.$class.’ photo" />’;

以上

WordPress

この投稿のトラックバックURL: