画像を配置する際にメディアライブラリでキャプションを入力するとキャプションを含め画像の周りに5pxのグレー枠が出来てしまいます。
ページ表示ではwp-includes/media.phpを修正することによって枠をとることができたのですがビジュアルエディタでも同様の修正をしたいのですが修正箇所が見つからないため質問させていただきます。
環境:WordPress 3.0.1
デフォルトでついていた「twentyten」をベースにデザインのカスタマイズをしています。
通常のページ表記の際に修正した内容は下記になります。
デフォルトで書き出されたソース
<div id="attachment_190" class="wp-caption alignnone" style="width: 160px">
<a rel="attachment wp-att-190" href="http://xxx">
<img class="size-thumbnail wp-image-190" title="画像タイトル" src="http://xxx" alt="xxx" width="150" height="150" />
</a>
<p class="wp-caption-text">キャプションテキスト</p></div>
この場合一行目にかかれている「style="width: 160px"」が画像サイズより10px多くなっていることが原因で、タグの中に直接書かれているため外部読み込みのCSSでは横幅だけどうにもならないことが分かりました。
そこで「wp-includes/media.php」内を
return '<div ' . $id . 'class="wp-caption ' . esc_attr($align) . '" style="width: ' . (10 + (int) $width) . 'px">'
↓
return '<div ' . $id . 'class="wp-caption ' . esc_attr($align) . '" style="width: ' . ((int) $width) . 'px">'
とすることで解決できました。
しかしビジュアルエディタ上でも同様の修正を行いたいのですが修正箇所が見つかりません。
wp-includes/js/tinymce/plugins/wpeditimage/js/editimage.dev.js 内で疑わしい部分を見つけcap_widthの部分を修正してみましたが変化はありませんでした。
//cap_width = 10 + parseInt(f.width.value);
cap_width = parseInt(f.width.value);
<略>
html = '<dl id="'+cap_id+'" class="wp-caption '+t.align+'" style="width: '+cap_width+'px"><dt class="wp-caption-dt">'+html+'</dt><dd class="wp-caption-dd">'+f.img_cap.value+'</dd></dl>';
どなたか修正箇所をご存じないでしょうか?
よろしくお願いします。