webruary

[メディアを編集] ページに <img> タグの入った <input> を表示。

表示させたい場所は [メディアを編集] ページ右側の [保存] ってなってるところ。

べつにココじゃなくてもイイんですが、どうせならまとめておきたいなぁと言うことで。

「どぉせ add_action あたりでチョメチョメすればなんとかなるんだろ？」とか思って軽い気持ちで調べ始めたら…情報がない (°⌓°)
まぁ、たぶん、需要がないんでしょうね…。

使われてる関数とか、class 名で検索し、ようやく見つけたのが↓
Add Additional File Info (jpeg compression & file size) settings to Edit Images Screen

リンク先に画像もありますが、[保存] のところにファイルサイズを表示するようにする方法。
現在の WordPress ではデフォルトでファイルサイズが表示されてますが、前は表示されてなかったっぽい？

とりあえず、コレで [保存] のところに項目を追加する方法がわかったので、あとはメディアライブラリにタグを表示した方法をイジって完成。

ε٩( º∀º )۶з

ソースはこんな感じ↓

function.php

function add_attachment_submitbox(){
	$image_attributes = wp_get_attachment_image_src( $attachment_id , 'full' );
	echo '
		<div class="misc-pub-section">
			<label for="attachment_tag"><img> タグ:</label>
			<input type="text" style="width:100%;" onclick="jQuery(this).select();" readonly="readonly" name="attachment_tag" value="<img src=＆quot;' . $image_attributes[0] . '＆quot; width=＆quot;' . $image_attributes[1] . '＆quot; height=＆quot;' . $image_attributes[2] . '＆quot; alt=＆quot;＆quot;>">
		</div>
	';
}
add_action( 'attachment_submitbox_misc_actions', 'add_attachment_submitbox' );

※ <input> の value で「＆quot;」の「＆」が全角になってますが実際には半角です。

なんとなく下の [ファイルの URL] に合わせて、<input type="text"> にしてみました。
<div> に使われてる class="misc-pub-section" は他の項目にも使われてるやつで、そのまま流用してます。[メディアを編集] ページのソースを見るとわかります。