Mac EnvyをAuto Pagerizeに対応する方法

Mac EnvyというTumblr用のテーマがあります。そのMac EnvyをAuto Pagerizeに対応させる方法を知りました。

Mac Envyとの出会い(笑

前のエントリーで書いたTumblr Themesをかっこいいテーマないかなー・・・って見ていると、以前から気になっていた「Mac Envy」というテーマが目に入りました。

Mac Envy

Mac EnvyはAuto Pagerizeと いうFirefoxのGreasemonkeyに対応していないので、採用するのにもためらっていました。でもなんだかさらにかっこよく見えてきましたの で、まぁいっかー。使ってみようってコトにしました。とは言っても、前まで使ってたtumblrテーマもAuto Pagerizeに対応してなかったんだけどね。
k.now.weblogでは以前、Auto Pagerizeの便利さについてのエントリーを書いています。
AutoPagerize が凄い! | k.now.weblog

Mac EnvyをAuto Pagerizeに対応させる方法

たんぶら部 - Tumblove - - MCSG SYM - 2007-09-06
という記事。tumbloveです。

この記事によると”Microformats”っていう僕には良く分からないしくみを使ってやるそうです。
それでMac EnvyをAuto Pagerize対応にする方法が書いてありました。

102行目の

        {block:Posts}

の前に加えて、

<div class=”autopagerize_page_element”>
          {block:Posts}

とするんだって。

167行目の

        {/block:Posts}

の後に加えて、

        {/block:Posts}
<div class=”autopagerize_insert_before hidden”>dummy</div>

ってするんだってさ。

178行目の

        <a href="{NextPage}" class="next">next page</a>

に付け足しをして、以下のように修正しました。

        <a href="{NextPage}" class="next" rel=”next”>next page</a>

これをやるだけで、Mac EnvyのtumblrテーマがAuto Pagerize対応になりました!!!

Mac Envy で Auto Pagerize が動作しているスクリーンキャスト

TumblrテーマのMac EnvyでAutoPagerizeが動作しているのをスクリーンキャストでとりました。

YouTubeでもどうぞ。