Archive

Posts Tagged ‘ブログパーツ’

wordpress テーマを変えた。ブログパーツもいろいろくっつけた。 このエントリをはてなブックマークに登録 Yahoo!ブックマークに登録 このエントリをlivedoorクリップに登録

1月 15th, 2009

wordpressのテンプレートを変更した。
デフォルトのテーマは見栄えがよくなかったのでiNoveに変更した。

英語圏のテーマなので文字が小さいと思うが、かっこいいとおもう。
テーマを変えても中身がなければアクセスはされないと思うけどかっこよさは重要だと思いiNoveを採用することにした。

はてなスターに対応

今までのテンプレートだと構造が簡単なので比較的容易に出来たが、iNoveはデフォルトのものと比較すると複雑な構造なので少々手間取った。

デフォルトのテンプレートの場合以前にエントリーを書いたことがある。

はてなスターをwordpressに追加する方法 | あるまとめサイト管理人の思ったこと

まずヘッダー部分を表示させるところwordpressのあるディレクトリー/wp-content/themes/inove/templates/start.phpに以下のコードを埋め込んだ。

<!– hatena star script  –>

<script type=”text/javascript” src=”http://s.hatena.ne.jp/js/HatenaStar.js”></script>
<script type=”text/javascript”>
Hatena.Star.Token = ‘はてなから指定される値’;
</script>

<script type=”text/javascript”>
Hatena.Star.EntryLoader.headerTagAndClassName = ['h2',null];
</script>

各エントリーのタイトルは<h2>で表示されclassは指定されていないので

Hatena.Star.EntryLoader.headerTagAndClassName = ['要素名',クラス名]; のところを要素名をh2としクラス名に当たる部分をnullにした。

この変更を行えばトップページではスターは表示されるのだが各エントリーを表示させたときには表示されなかった。ヘッダーに付けたjavascriptはタイトルにリンクがなければ表示されないようになっているからである。

そのため wp-content/themes/inove/single.phpを以下のように変更した。

変更前 : <h2><?php the_title(); ?></h2>

変更後 : <h2><a class=”title” href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a> </h2>

各エントリーにブックマークされやすいようにリンクを追加

以前のエントリーではプラグインを利用する方法を紹介した。

wp-hatena を使用することにしました。 | あるまとめサイト管理人の思ったこと

今回は別の方法を利用することにした。

参考リンク:WordPress用:ソーシャルブックマークボタンの設置とブックマーク数を表示する方法 – 海外のSEO対策・SEOツールをわかりやすく解説するブログ

具体的にはエントリータイトルが表示されるファイル(例:index.php: single.php : archive.php)などでタイトルを表示する部分に大して以下のような変更を行った。

<h2><a class=”title” href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a>

<!– はてな関連–>

<a href=”http://b.hatena.ne.jp/append?<?php the_permalink() ?>”><img src=”http://d.hatena.ne.jp/images/b_entry.gif” alt=”このエントリをはてなブックマークに登録” width=”16″ height=”12″ border=”0″ /> <img src=”http://b.hatena.ne.jp/entry/image/<?php the_permalink() ?>” /></a>

<!– yahoo関連–>

<?php echo ‘<a href=”http://bookmarks.yahoo.co.jp/action/bookmark?t=’.urlencode(the_title(”,”,false)).’&u=’.urlencode(get_permalink()).’”><img src=”http://i.yimg.jp/images/sicons/ybm16.gif” width=”16″ height=”16″ alt=”Yahoo!ブックマークに登録” style=”border:none;”></a>’;?>
<img src=”http://num.bookmarks.yahoo.co.jp/image/small/<?php the_permalink() ?>” />

<!–livedoor クリップ関連–>

<a href=”http://clip.livedoor.com/clip/add?link=<?php the_permalink() ?>&title=<?php the_title(); ?>&jump=ref”><img src=”http://parts.blog.livedoor.jp/img/cmn/clip_16_16_w.gif” alt=”このエントリをlivedoorクリップに登録” width=”16″ height=”16″ /> <img src=”http://image.clip.livedoor.com/counter/small/<?php the_permalink() ?>” /></a>

</h2>

ブログパーツもいくつか追加

ついでにブログパーツもいくつか追加した。

トラックフィード – リンクが貼られたら瞬時に通知するアクセス解析ツール

誰かがリンクを通してアクセスした時に記録しています。アクセス元を整理するのに便利。

あわせて読みたい – あわせて読みたいについて

ブログに来た人がどのようなホームページを見ているのかを表示するブログパーツ。

ブログチャート(blog chart)

何となくおもしろそうだったので、、、

ガイド - Yahoo!ログール

WordPressでブログを作ったらまずやる26項目―SEO・アクセスアップのためのカスタマイズ – 海外のSEO対策・SEOツールをわかりやすく解説するブログ

で紹介されていたので、、、gooのあしあとも導入したが同じようなものをいれてもおもしろくないのでやめた。

Twitter / Get a Badge for Your Site

WordPressユーザー向け、10のtwitterツール:WPユーザー以外でも一部OK | 創造マラソン

で紹介されていたのを見て。最近、twitterを始めたのでだれでもフォローしてもらえるとうれしい。

他にもいろいろなブログパーツありいろいろこれからも試したいと思っている。

wordpress ,