massat.jp

テキストエリア内をクリックすると、内部のテキストが選択された状態になる仕掛けをよくみかけますね。
Blogに貼りつけるコードをコピーするのに便利です。

massat.jpでもやってみました。

各エントリのコメントRSSのURLやトラックバックURLを、クリックすると選択されるようにしてみました。

※　以下は、テーマ「WordPress Default 1.6」における方法です。WordPressのテーマによって編集個所は違うのかもしれません。

WordPressの管理画面より、「表示」>「テーマエディタ」>「シングルポスト」を選択して編集をします。
トラックバックURLを表示している個所を、以下のように書き換えました。

<p class="postmetadata alt">
	<small>
		投稿日時：<?php the_date() ?> <?php the_time() ?><br/>
		タグ：<?php the_category(', ') ?><br/>
		ブックマーク情報：<?php SBM_count_get() ;?><br/>
		コメントRSSのURL：<input type=”text” size=”50″ onclick=”this.focus();this.select();” value=”<?php echo get_permalink(); ?>/feed/” readonly><br/>

<?php if (’open’ == $post->ping_status) {?>

		トラックバックURL：<input type=”text” size=”50″ onclick=”this.focus();this.select();” value=”<?php trackback_url(true); ?>” readonly><br/>

<?php } ?>

		<?php edit_post_link(’編集する’,'’,'’); ?><br/>

	</small>
</p>

そして、テキストボックスっぽくならないように、WordPressの管理画面より「表示」>「テーマエディタ」>「スタイルシート」を以下のように編集しました。

.postmetadata input{
	border-width: 0;
	background-color : transparent;
	color: #777;
	font-family: transparent;
}

結果が、以下の感じ。できたー！

動作は、下のフッタで試してみてくださいね。

投稿日時：2006年12月20日(水曜日) 14時01分
タグ：wordpress, tips, ユーザビリティ, 勉強, ブログ
ブックマーク情報： 2 users 0 user 1 users
コメントRSSのURL：
トラックバックURL：