さくらのブログでサブカテゴリを実現する

(この記事は自分のためのメモです。WordPressに移行した今となっては、単なる記録として残しておきます。)

さくらのブログでサブカテゴリ化をしてみました。調べてみると、既にやっている方がいらっしゃいました。その方のやり方をそのまま使いましたが、一部ささいな修正が必要でした。

さくらのブログでサブカテゴリ化::Conflict Room

ぼくのテーマもtwo-column rightな感じなのですが、一部修正が必要でした。 コンテンツのカテゴリHTMLは以下のようにしました。 ほとんど上のリンク先と同じでオレンジ色のところだけ違います。links-leftをlinksにしただけです(汗)。

<pre>
<div class="sidetitle"><% content.title %></div>
<div class="side">
<% content.header -%>
<% loop:list_category -%>
<div class="sidebody">
<a href="<% category.page_url %>"><% category.name | tag_break %></a>
(<% category.article_count | __or__ | echo("0") %>)
<br />
</div>
<% /loop -%>
<% content.footer -%>
</div>
<script language="JavaScript" src="http://path.to.js.file/javascript/subcategory.js">
</script>
<script language="JavaScript">
 subcategory( "カテゴリ", ":", "links" );
</script>
</pre>

親カテゴリとサブカテゴリの区切りはオリジナルと同じ”:”にしています(全角のコロン)。

cssは以下を追加しています:


.sidebody {
    padding-left: 15px;
}
.tsub {
    padding-left: 5px;
}