PREV | PAGE-SELECT | NEXT

≫ EDIT

FC2ブログテンプレートをAutoPagerize対応した

このブログのテンプレートにいつも使わせていただいているhiyoko-menuAutoPagerize対応にしました。

FC2ブログでAutoPagerizeに対応させたいと考えている人やhiyoko-menuのテンプレートを使っている人のために、僕がしたことを書いておこうと思います。

AutoPagerizeの作者さんのサイトSWDYHを参考にちょこちょこと弄りました。

AutoPagerizeに対応させるには三つの要素をテンプレに加えるだけです。

その三つは

link要素またはa要素でrel="next" (複数あった場合は、先に現れるものが選ばれます)
classでautopagerize_insert_before (複数あった場合は、先に現れるものが選ばれます)
classでautopagerize_page_element (複数指定可、指定したもの全てが挿入されます)



まずは
link要素またはa要素でrel="next"

次のページリンクが指定されている要素にrel="next"を最後に付け加えるだけです。

FC2ブログならば次のページリンクを差し込む変数<%nextpage_url>と<%nextentry_url>を検索して、そのhtmlタグ内にrel="next"classを追加します。

hiyoko-menuには<!-- ページセレクト -->以下に二箇所ありました。

<a href="<%nextpage_url>" title="過去のページ">NEXT</a>
<a href="<%nextentry_url>" title="<%nextentry_title>">NEXT</a>

これを以下のように変更します。

<a href="<%nextpage_url>" title="過去のページ" rel="next">NEXT</a>
<a href="<%nextentry_url>" title="<%nextentry_title>" rel="next">NEXT</a>



次に
classでautopagerize_page_element

AutoPagerizeで読み込みたいページコンテンツ部分を指定します。
FC2ブログでは<!--topentry-->の変数のすぐ下のdivを指定するのが調度良いようです。
テンプレートによって違うので各自最適の場所を探してください。

hiyoko-menuでは

<!-- エントリ -->
<!--topentry-->
<div class="entry">

が調度良かったので、それを以下のように変更しました。

<!-- エントリ -->
<!--topentry-->
<div class="entry autopagerize_page_element">



最後に
classでautopagerize_insert_before
ここで指定した要素のすぐ上で、AutoPagerizeで次のページ内容が読み込まれます。
上記の「classでautopagerize_page_element」で指定した部分の下、フッター近くのdiv要素を指定するのがいいようです。
特定のページでしか表示されない、変数<!--comment_area--><!--archive--><!--category-->などのタグ以外の場所を指定します
hiyoko-menuでは

<!-- ページセレクト -->
<div class="pageselect">

が期待する表示位置だったので、それを

<!-- ページセレクト -->
<div class="pageselect autopagerize_insert_before">

上のように変更しました。

長々説明してきましたが、AutoPagerizeの対応のさせ方で一番わかりやすいのはSWDYHさんにのっているこのマークアップ例です。



| 日記 | 00時00分 | comments:4 | trackbacks:0 | TOP↑

≫ EDIT

またもや不具合

愛機のiMac G5がAppleのロゴが表示後にログインウィンドウがでない状態のまま、ファンが回りっぱなしの状態に陥りました。
これは大変だと、さっそくApplejackをかけたところ、Applejackでも対処できない異常事態。
やむなくディスクユーティリティでゼロ書き込みをして、クリーンインストールしました。
物理的にHDが損傷しているわけではなかったのが不幸中の幸いでした。
システムのバックアップはとっていましたが、未使用アプリなどのバックアップはとっていませんでした(アプリだけで10GB以上ある)ので、このブログの更新が少なくなるかもしれませんが、どうかお許しください。



| 日記 | 16時07分 | comments:7 | trackbacks:0 | TOP↑

≫ EDIT

ありがとう、harurinさん

WoodenshipsSlowpokeを運営なされていた、harurinさんがお亡くなりになりました。
Woodenshipsさんといえば、僕がMacを買ったばかりのフリーソフトを探していた時に、Googleで検索していたら偶然にも見つけることができ、なんて丁寧なレビューと音楽の話題が豊富な素敵なサイトなんだろうと思い、それからずっと好きで見させていただいていたサイトです。
僕と同様にたくさんの人がharurinさんのサイトを購読していたことでしょう。
harurinさんがMacユーザに与えた影響は、とても大きいものだと思います。
ご冥福をお祈りさせていただくと共に、病気と闘いながらも今までサイトを運営されつづけていたことについて、感謝の意を伝えたいです。
ありがとう。



| 日記 | 19時32分 | comments:0 | trackbacks:0 | TOP↑

≫ EDIT

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

なんか面白げなサービスだったので、盲目的に食いつきました。
釣られてなんぼなのでね。

はてなスターはブログ記事などのタイトルに☆が付けられるサービス。
面白い記事だと思ったら気軽にクリック、☆をつけてくれたブロガーにはコメントが残せるという感じかな。

FC2ブログに簡単に導入できたので、一応導入の仕方なんぞを書いてみます。

まずはてなにログインして後、はてなスターのページに行きます。

「ようこそ、"なんとか"さん」(なんとか=ユーザ名)の部分をクリックして、ユーザページに移動して、「Blogs」をクリックしてから「外部のブログサイトを登録する」でブログURLを入力。

はてなスター


生成されたコードをコピーしておいて

FC2ブログにログイン、「環境設定」>「テンプレートの設定」>「編集」でHTML内の<head></head>タグ内に生成されたコードをペーストして「更新」をクリックで完了。

文字にすると長いですが、あっという間の簡単作業でした。

無駄な呟き↓
近日中に外すかもしれません、だって、ねぇ・・・

追記:コメントで教えていただきましたが、テンプレートを修正する必要があるみたいです。記事タイトルを<h3>と<a>で囲む必要があります。



| 日記 | 23時58分 | comments:2 | trackbacks:0 | TOP↑

≫ EDIT

Twitterから簡単にRemember The Milkへポスト

Remember the Milkはタスク管理をするのに非常に便利なサイトですが、いちいちurlを開いてログインするのは面倒くさい。
でもちょっとした設定をすればTwitter経由でポストできるようになります。

まずは、Remember the Milk側が用意している、Twitterポスト専用アカウントrtmさんをFriend登録します。

その後Remember the Milkにログインして、「Remember The Milk for Twitter」のページでTwitterユーザ名を入力するだけ。

Remember The Milk for Twitter1


タスクをポストするにはrtmさんへダイレクトメッセージを送ります。

「d rtm 録画したビデオを消化 明日」

Remember The Milk for Twitter2


「at 5pm」とか「in 2 weeks」といった感じで時間、日付指定もできます。

今日のタスクをダイレクトメッセージで知らせてもらうには

「d rtm !today」

ダイレクトメッセージですのでIMクライアントをお使いの方のほうが需要があるのかな、このサービス。



| 日記 | 23時04分 | comments:0 | trackbacks:0 | TOP↑

| PAGE-SELECT |