イメージ画像

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

この記事の所要時間: 415

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

画像のアップロード


通常は、記事の中に以下のような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" />’;


以上


あわせて読みたい関連記事

タグ

2012年9月29日 | コメント/トラックバック(0) |

カテゴリー:WordPress

トラックバック&コメント

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

コメントをどうぞ

このページの先頭へ