あるまとめサイト管理人の思ったこと

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 のアップグレード

引用元: WordPress のアップグレード – WordPress Codex 日本語版.

を参考にWordPressのアップグレードを行いました。

このページの手順どおり行ったら何の問題もなくアップグレードが完了しました。

新しいバージョンでは管理機能がずいぶんと進化したみたいです。

管理ページは今までのバージョンから洗練されており、バージョンアップもFTPなどを使用せずに行えるようになっているようです。

wp-hatena を Livedoorクリップ その他色々対応させてみました | Numb..

からいろいろなSBMに登録できるようにしました。

作者さんありがとうございました。

はてなスターをwordpressに追加する方法について試行錯誤しました。

はてなスターを設置してみました

が非常に参考になりました。

はてなスターをブログに設置するにはから辿ったブログの通りにするとうまくできませんでした。

WordPressに「はてなスター」を設置してみた によるとWordPress.jsを利用する方法が記載されていました、この方法で試してみたのですが出来ませんでした。

<script type=“text/javascript” src=“http://s.hatena.com/js/Hatena/Star/EntryLoader/WordPress.js”></script>

あとで　はてなスターを設置してみました をみて気づいたのですが、

1. <script type=“text/javascript”>
2. // customize for other html structure.
3. // H2 tags are the headers of each entry in this case.
4. Hatena.Star.EntryLoader.headerTagAndClassName = [’h2′,null];
5. </script>

で出来るようです。

ちなみに私の所ではソースをご覧になっていただければ分かる通り

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>

<script type="text/javascript">
Hatena.Star.Token = '01c06f9f30c16827f8f0b478f2e07f26fcfc490e';
</script>

<script type="text/javascript">
    Hatena.Star.EntryLoader.headerTagAndClassName = ['h3','storytitle'];
  </script>

としております。