Movable Type4にはてなスターを設置

user-pic
11

mt4star.jpg新しいはてなのサービス、はてなスター。

ちょっと面白そうなので付けてみました。

Movable Type4の場合、トップページやアーカイブの記事タイトルはh2、個別記事がh1タグになっていますので、ここはh1タグに付けるべきなのでしょうが、やはりトップページでもスターを表示させたい。かといって個別ページのタイトルをh2にするのはどうにも納得いかない。

ということで、他にも方法はあるとは思いますが、手っ取り早い方法で両方に対応すべく作業してみました。

追記
後になってふと思ったのですが、タグとクラスとパーマリンクがセットになっていればいいのだから、なにもhタグにこだわる必要はなく、もっと簡単な方法があるのではないかと思い、作業してみました。

簡単な設置例はこちら

 

結果、以下は、少し面倒な方法になってしまいました。

まずは、トークンを発行しHTMLコードをコピーします。

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = 'あなたのトークン';
</script>

そしてそれを、Movable Type管理画面のデザイン→テンプレート クイックフィルタのテンプレートモジュールでヘッダーを選択して</head>の上あたりに

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.EntryLoader.headerTagAndClassName = ['h2','asset-name'];
Hatena.Star.Token = 'あなたのトークン';
</script>

上記の様に変更したHTMLコードを貼り付けます。

保存して再構築すると、トップページやアーカイブの記事タイトル横にはてなスターが表示されるはずです。

 

次に記事個別ページ用として、ヘッダーを複製しますので、今開いているヘッダーテンプレートのソースを全選択してコピーします。

テンプレート一覧に戻り、モジュールテンプレートを作成。
先ほどコピーしたヘッダーのソースをまるまる貼り付け、その中にある下記部分

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.EntryLoader.headerTagAndClassName = ['h1','asset-name'];
Hatena.Star.Token = 'あなたのトークン';
</script>

h2をh1に書き換えて名前を付けて保存します。テンプレート名ここではヘッダー2と付けたものしてご説明します。

クイックフィルタのアーカイブテンプレートをクリックし、テンプレートのブログ記事を開きます。

<$MTInclude module="ヘッダー"$>

となっている部分を

<$MTInclude module="ヘッダー2"$>

に書き換え、保存。

クイックフィルタのテンプレートモジュールをクリックし、ブログ記事の詳細を開きます。

<h1 class="asset-name"><$MTEntryTitle$></h1>

となっている部分を

<h1 class="asset-name"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></h1>

のように変更します。

 

これでMovable Type4にはてなスターを設置できました。
あくまでも私の場合ですので、ご参考にされる方は自己責任でお願いします。

他の方の設置方法なども参考になります。
はてなスター日記 はてなスターをブログに設置するには

2008.11月追記 MT4.2だと、テンプレート関連の管理方法が若干変わっているので、そのままだと少し難しいかもしれません。

関連のありそうな記事

トラックバック(3)

トラックバックURL:

なんとなく。 時間かかっちゃった。。。。 Web拍手みたいなもんだと思うんだけど...  → 続きを読む

せっかくはてなのアカウントも持っていることなので、はてなスターをこのブログに設置...  → 続きを読む

Hatenaのサービスで、はてなスターというものがあります。はてなスターとは、 ...  → 続きを読む

コメント(2)

| コメントする

はてなスター設置できました。
いろいろなサイト、ブログで方法が掲載されていましたが、
TREND SPOTTINGさんの方法が一番自分にはあっていました。
どうもありがとうございます。

設置できてよかったですね!
お役に立てたようで、私も嬉しいです。

コメントする

RSS

楽天おすすめ

Tag Cloud

SEO対策

Sponsor Site

Category

Archives

Amazonおすすめ

Copyright © 2008 Trendspotting All rights reserved.