まずTweetボタンの追加はプラグインを使った。
WP Tweet Button : http://wordpress.org/extend/plugins/wp-tweet-button/
高機能でいろいろな設定ができるのはすごくいいです．
記事冒頭のTweetボタンとはてぶボタンを見てわかる通り，改行が入ってしまうのがちょっと個人的に気に入らないです．ホントは横にならべたいんだけどな．．．調べ中です．
はてぶボタンはいいプラグインが見つからなかったので、テーマを編集して追加した。（なんかいいプラグインを知ってたら教えてください．）
はてぶボタンはここから取得できます。 : http://b.hatena.ne.jp/guide/bbutton
<a href="http://b.hatena.ne.jp/entry/http://example.jp" class="hatena-bookmark-button" data-hatena-bookmark-title="example.jp" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"> <img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a> <script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
ユーザが変更するのは，”href”と”data-hatena-bookmark-title”です．
“href”はhttp://b.hatena.ne.jp/entry/以下にURLを追加すればいい。
（例：href=”http://b.hatena.ne.jp/entry/http://kimson.name/wordpress/”）
“data-hatena-bookmark-title”はページのタイトルを入れる。
（例：data-hatena-bookmark-title=”wordpress : デフォルトテーマにはてぶボタンとTweetボタンを追加”）
デフォルトテーマの編集ですがブラウザ経由でも出来るみたいですが今回は直接、
wp-content/themes/twentyten/ ディレクトリ以下のファイルを編集します。
とりあえず記事１つを表示するページに表示させたいので、loop-single.phpを編集します。
以下に示すソースコードは変更前のものです。記事のタイトル，本体を表示している部分．
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <h1 class="entry-title"><?php the_title(); ?></h1> <div class="entry-meta"> <?php twentyten_posted_on(); ?> </div><!-- .entry-meta --> <div class="entry-content"> <?php the_content(); ?> <?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?> </div><!-- .entry-content -->
- the_ID()関数では記事IDの取得
- the_title()関数でタイトルを取得
- the_content()関数で記事本体を取得
記事のURLの取得ですが、get_permalink()関数で取得できます。ということでそれぞれ以下のようにすればいいはず
- href=”http://b.hatena.ne.jp/entry/<?php echo get_permalink(); ?>”
- data-hatena-bookmark-title=”<?php echo the_title(); ?>”
ということで、挿入するコードはこんな感じになります。
<a href="http://b.hatena.ne.jp/entry/<?php echo get_permalink(); ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php echo the_title(); ?>" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"> <img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a> <script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
これを、ソース２に書いたあたりの好きなことろに入れます。
記事の冒頭にいれたければ、the_content()関数の前に入れればOKです。