ワードプレスでトラックバックURI(URL)を表示・簡単にコピーできるようにする

2010 年 5 月 23 日 by     No Comments    Posted under: wordpress

ワードプレスのテーマではたいてい、トラックバックのURLって表示されてない場合が多いですが、
コメントエリアあたりに簡単に表示、そして右クリックでURLを選択できる方法の備忘録。

ヘッダー部分(通常は、heder.php)に下記のjavascriptを埋め込みます

1
2
3
4
5
<script type="text/javascript">
function tbsel(sel) {
    sel.select();
}
</script>

coment(s).php のトラックバックURI(URL)を表示したい場所に下記のコードを追加

1
2
3
TrackBack URL for this entry
<form>
<input size="55" type="text" name="trakback" value="<?php trackback_url(); ?>" onfocus="tbsel(this)"></form>

たったこれだけで、右クリックでURLをコピーしてくれるようになります。

実際に設置するとどんな感じかは、
このブログのコメントエリアあたりを見ていただくとわかります ^^*

コメントエリアあたりの備忘録になったので、
つい忘れそうな input あたりの追加記述を。

例えば、input 要素でテキストとテキストエリアを横並びにする場合、
CSSに以下の記述がないと高さが揃いません ^^;

このブログで使っているテーマも抜けていたので、IEで閲覧した場合に、
位置関係がかなりずれていました。

input 要素のCSSに記述しておくのは↓

1
vertical-align: middle;

たったこれだけなのですが、あるとないのでは大違いです ^^;


posted by そば富泉


こちらも合わせてご覧ください - このページの内容と関連がある記事 -

TrackBack URL for this entry

コメントをいただけると励みになります!よろしくお願いします。

9 + 2 =
Please leave these two fields as-is: