Mar 03, 2008

hAtom対応にしました

2月初旬にLDRizeに対応したつもりになっていましたが、「どうやらBlogでxFolkを使うのは本来の使い方として間違っているらしいぞ」と気づいて試行錯誤、ようやく修正しました。

修正追加した属性は「hfeed, hentry, entry-title, rel="bookmark", entry-content」の5つと、Microformatsの何たるかを理解しきれぬままそれこそ見よう見まねで書き写した「author, vcard, fn, published, rel="tag"」の5つで計10個。j,k,p,o,vが効くのは自己満足ながら楽しく素晴らしい。

今回の修正にあたっては下記リンク先&その他検索結果の先に散らばる皆さんのデータを参考にさせて頂きました。感謝!

以下、Seesaaブログのテンプレートhtml(一部改変済み)に加えた修正メモ…誤りや過不足に気づいた場合は遠慮なくご指摘下さい。

[追記 080303 20:00] 修正2点
  • vantguardeさんから頂いたコメントを受けて"posted by"に付与した「span class="fn url" href=..」を「span class="fn"」に修正。"fn url"はサイドバーのProfileに移動。
  • "title"を残しておかないと「○○で全文取得」が出来ないようなので<h3 class="entry-title">を<h3 class="title entry-title">に修正。
[追記 080331] 若干修正編集しました。(hfeedの位置とか余分なdivの削除とか)
[追記ここまで]
[さらに追記080529]
下に書いた内容では結局うまく動かなくなったので書き換え&路線変更しました。→RRR: SeesaaブログでもAutoPagerizeが動く様になった
[ここまで]
 
  1. CSSの".title"と".title a"をそれぞれ".entry-title"と".entry-title a"に名称変更"title"はそのまま残して"entry-title"と併記する事にしました
  2. 「管理画面>デザイン>コンテンツ>記事>コンテンツHTML編集」でLDRize(hAtom)とAutoPagerize対応
  3. 「管理画面>デザイン>HTML」でブログ内検索の結果一覧をLDRizeに対応
2.
前省略
<% /if -%>
<div class="hfeed autopagerize_page_element">
<% loop:list_article -%>
<div class="blog">
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"


<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%b %d, %Y") %></h2><% /if %>
<div class="hentry blogbody">
<h3 class="entry-title title"><a href="<% article.page_url %>" class="title entry-title" rel="bookmark"><% article.subject %></a></h3>
<% if:page_name eq 'article' -%>
<div class="entry-content text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.entire_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% else -%>
<div class="entry-content text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.first_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% /if -%>
</div>

<div class="posted">posted by <span class="author vcard"><span class="fn url" href="<% blog.page_url %>"><span class="fn"><% article.nickname %></span></span> at <abbr class="published" title="<% article.createstamp | date_format("%Y-%m-%dT%H:%M+09:00") -%>"><% article.createstamp | date_format("%H:%M") -%></abbr>
<% if:article_weather -%>


<% if:style.disp_category %>| <a href="<% article_category.page_url %>" rel="tag"><% article_category.name %></a><% /if %>
</div>
</div>
</div>
<% /loop -%>
</div>
<% if:page_name eq 'article' -%>


<% tb.blog_name | html %> | <% tb.createstamp | date_format('%Y-%m-%d %H:%M') %><br />
<% /loop -%>
</div>
<% /if -%>
<% /if -%>

<div class="autopagerize_insert_before">
<% if:page_name eq 'article' -%>
<div class="navi">
<% if:previous_article -%><a href="<% previous_article.page_url %>" rel="next">&lt;&lt;</a> <a href="<% previous_article.page_url %>"><% previous_article.subject | tag_break %></a> | <% /if -%>
<a href="<% blog.page_url %>">TOP</a>
<% if:next_article -%> | <a href="<% next_article.page_url %>"><% next_article.subject | tag_break %></a> <a href="<% next_article.page_url %>" rel="prev">&gt;&gt;</a><% /if -%>
</div>
<% /if -%>
<% if:page_name eq 'archive' -%>
<div class="navi">
<% if:archive_page_name eq 'month' -%>
<% if:previous_archive -%><a href="<% previous_archive.page_url %>" rel="next">&lt;&lt;</a> <a href="<% previous_archive.page_url %>"><% previous_archive.createstamp | date_format("%Y年%m月") %></a> | <% /if -%><a href="<% blog.page_url %>">TOP</a><% if:next_archive -%> | <a href="<% next_archive.page_url %>"><% next_archive.createstamp | date_format("%Y年%m月") %></a> <a href="<% next_archive.page_url %>" rel="prev">&gt;&gt;</a><% /if %>
<% /if %>
<% if:archive_page_name eq 'mday' %><% /if -%>
</div>
<% /if -%>
<% if:page_name eq 'category' -%>
<div class="navi">
<% if:pager.need_pager -%><% if:pager.previous_page %><a href="<% category.page_url(pager.previous_page) %>"><% /if %>&lt;&lt;<% if:pager.previous_page %></a><% /if %><% loop:list_pager %> <% if:current_page ne pager_number %><a href="<% category.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a> <% /if %><% /loop %><% if:pager.next_page %><a href="<% category.page_url(pager.next_page) %>" rel="next"><% /if %>&gt;&gt;<% if:pager.next_page %></a><% /if %><% /if -%><br/>
<a href="<% blog.page_url %>">TOP</a> / <% category.name %>
</div>
<% /if -%>
</div>

<!-- /Content -->
<% content.footer -%>
3.も「<% if:page_name eq 'search' -%>」付近を2.と同様に。


<% if:page_name eq 'search' -%>
<% loop:list_article %>
<div class="blog hfeed">
<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%b %d, %Y") %></h2><% /if %>
<div class="blogbody hentry">
<h3 class="title entry-title"><a href="<% article.page_url %>" class="title entry-title" rel="bookmark"><% article.subject %></a></h3>
<div class="text entry-content"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.first_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>

過去の推移:「RRR: LDRizeに対応しました」「AutoPagerizeに対応しました (但しトップページ以外)
posted by junji at 05:57 | Comment(5) | TrackBack(0) |
この記事へのコメント
こんにちは。

一点間違いを見つけました。投稿者の名前が、<span class="fn url" ...になっています。リンクなので正しくはa class...かと。
2008/03/03/ 16:39
すみません。タグ書いたら消えちゃったみたいですね。
テンプレートなのですが、投稿者(posted byのところ)の名前がaではなくspanで括られているようです。リンクなので「a class="fn url" href=...」でしょうか。
2008/03/03/ 16:42
>vantguardeさん
ご指摘ありがとうございます。
言われてみると確かに…という訳であらためて各方面を見て回り、記事下の投稿者名を「span="fn"」にして、サイドバーのプロフィールに「a class="fn url" href=..」を加える事にしました。
 junji
2008/03/03/ 20:29
本文に追記した「h3 class="title entry-title"」の件は、これだけでは思惑通りにいかない事が分かったのでもう暫く試行錯誤続行、という経過報告。
(LDR Full Feedに対応するにはblogbodyだけを「" "」で括らないと駄目なのか?)
 junji
2008/03/04/ 05:00
AutopPagerizeでコメント欄以下が下へ下へと逃げてしまうようになっているので、ここ数日の間いろいろ書き換えてみましたが解決ならず。

少し落ち着いたら改めて修正メモを書き換えます。
 junji
2008/03/24/ 22:31
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/88046274
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック

Infomation