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にはてなスターを設置できました。
あくまでも私の場合ですので、ご参考にされる方は自己責任でお願いします。

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

CATEGORY

Trackbacks(3)

この記事を参照しているブログ一覧: Movable Type4にはてなスターを設置

この記事に対するトラックバックURL: http://www.ixiell.net/mt/mt-tb.cgi/4

» はて☆スタ(narico)~のトラックバック

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

» はてなスターを設置(LostMemories)~のトラックバック

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

» Hatena starを付けてみる(web daily life)~のトラックバック

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

Comments(2)

ngsw :

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

IXIELL :

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

Comments

ADD BOOK MARK

Yahoo!ブックマークでこのサイトを登録している人数user

KEY WORD MATCH

SPONSOR