サイトをAutoPagerizeに対応させる方法
1年以上前の記事です。内容が古い可能性があります。
先日タンブラーのために導入したAutoPagerizeですが色んなサイトで使えてます。
Google、flickr、twitter、mixi、各種ブログ等々。
ただ、逆に色んなサイトで使えすぎて「このサイト要らない」ってこともあります。
そんなときは「除外パターン」を設定できるのでご安心ください。
なお、当ブログでも「対応している」と書きましたがどうも中途半場に対応していたようで、
トップページや各カテゴリーページのみ2ページ目までしか対応してませんでした。
【PR】
薩摩切子 オールドファッションズタンブラー C-15 ルリ
そこで、ブログやWebサイトをAutoPagerizeに対応させる方法を探してみました。
見つかったのは作者さんのページ。
□ AutoPagerize0.0.11 – SWDYH
埋め込みの形式は以下の通りです
- link要素またはa要素でrel=”next” (複数あった場合は、先に現れるものが選ばれます)
- classでautopagerize_insert_before (複数あった場合は、先に現れるものが選ばれます)
- 追記 2008/05/15 けっこう前からなくても大丈夫になってます。
- ない場合、最後のautopagerize_page_elementの後ろに入ります。
- classでautopagerize_page_element (複数指定可、指定したもの全てが挿入されます)
以上、3つをHTMLに盛り込めば良いみたいです。
実際は「rel=”next”」を次のページに飛ばすためのリンクに書き込んで、繰り返しになるパターン部分にDIVタグでも入れて「class=”autopagerize_page_element”」を付けてあげればOK。
これさえ覚えておけばどんなサイトを作ってもAutoPagerizeに対応できます。
さて、それでは当ブログ(ライブドアブログ)の場合はどうでしょうか?
そこでソースを覗いてみると、なぜか「autopagerize_page_element」だけが存在しています。
だから中途半端に適応されていたのかな?
ならばと次のページへ飛ばすためのリンクに「rel=”next”」を追加してみるとそれだけでできてしまいました。
ただ、「カテゴリアーカイブ」「月別アーカイブ」に関してのみ。
「個別記事ページ」に関しては「autopagerize_page_element」がなかったので追加することでなんとかなりましたが、問題は「トップページ」。
インデックスのところに<$IndexNavigator$>が配置されているために直接タグを編集することができません。
そこで再び探してみると今度は以下のサイトを見つけました。
□ livedoor blogのAutoPagerize対応方法 – 虹色☆吐息
こちらを参考にして、
<$IndexNavigator$>
</div>
を
<IfNextPage><a href=”<$CurrentUrl$>?p=<$NextPage$>” rel=”next”>次のページへ</a></IfNextPage></div>
に書きかえればOK。
あとはCSSを調整すれば出来上がり。
なお、「個別記事ページ」に関してはAutoPagerizeに対応させる必要があったかなぁといまだに悩んでいます。
どうでしょうね?
アドセンス広告メイン
関連記事
-
「ワークフォースマネジメント」とは何のこと?
1年以上前の記事です。内容が古い可能性があります。「アクティビティストリーム」に …
-
ブログに追記したときに食べログにもそれを反映させる方法
1年以上前の記事です。内容が古い可能性があります。自分のように、「食べログ」を「 …
-
iPhoneにQRコードリーダー必要なし。「Google Chrome」にQRコード読み込み機能がついていた
1年以上前の記事です。内容が古い可能性があります。最近はQRコードを読み取ること …
-
携帯電話、スマートフォンの緊急地震速報のアラート音に説明が加わり「ブオー、地震です」に
1年以上前の記事です。内容が古い可能性があります。携帯電話の緊急地震速報のアラー …
-
facebook(フェイスブック)で名前を変える方法
1年以上前の記事です。内容が古い可能性があります。基本的に実名SNSなので名前を …
-
デザインイメージは9パターン用意しろ
1年以上前の記事です。内容が古い可能性があります。本日、打ち合わせでかつてソニー …
-
WordPress(ワードプレス)のヘッドライン表示は「query_posts」じゃなくて「get_posts」 #wp
1年以上前の記事です。内容が古い可能性があります。プログラムのプロではないのです …
-
SNSの足あと機能についての私見
1年以上前の記事です。内容が古い可能性があります。mixiに足あとを消す機能がつ …
-
Facebookのプロフィールを検索エンジンにヒットさせない設定 【改訂版+スマートフォン版】
1年以上前の記事です。内容が古い可能性があります。エゴサーチ(自分の名前で検索) …
-
ワードプレス(WordPress)の記事に簡単に地図や動画を貼り付ける「ショートコード」 #wp
1年以上前の記事です。内容が古い可能性があります。ショートコードって知ってますか …
Comment
“Convert any file to 3GP in seconds, it supports most video formats.”
Edit by Brothersoft: Convert all your videos for your 3G phone. 3GP Converter is fast and easy to use, convert any file to 3GP in seconds, it supports most video formats.