MENU

アーカイブをタイトル一覧表示に変更

カテゴリーや月別記事をクリックした際に、タイトルが一覧表示になるように変更しました。
まず、タイトル一覧表示用のテンプレートを作成する。
           ↓
管理画面の「テンプレート」メニューにある「設定」タブの「アーカイブ」で、タイトル一覧表示用のテンプレートを指定。
《注意》「アーカイブ」とは、カテゴリーの他に月別表示・検索結果表示も含まれるので、カテゴリーだけに適用したい場合は、「記事カテゴリー」の「詳細」でひとつひとつ指定すること。
この設定を使った場合は、カテゴリー表示用テンプレートの個別記事テンプレート部分に記事の全体が表示されるものを指定しないと記事が読めなくなるそうです。

カテゴリで一覧表示が実現しない場合は、

lib/sb/App/Main.pm L.119 の
if ( ($mode eq ‘srch’ or $mode eq ‘arc’)

if ( ($mode eq ‘srch’ or $mode eq ‘arc’ or $mode eq ‘cat’)
として下さい。

現在の設定は以下の通り

▼テンプレート▼
<dl>
<dt id="categoryname">{selected_archive}</dt>
<dd class="archive">
<!– BEGIN entry –>
<ul><li>{entry_date}<a href="{entry_permalink}">{entry_title}</a></li></ul>
<!– END entry –>
</dd>
</dl>
▼CSS▼
dd.archive{
margin:0;
padding:0;
font-size:12px;
line-height:100%;
}
dd.archive ul {
padding:0;
padding-left:2em;
margin:0;
list-style-position:inside;
}
dd.archive ul li {
margin: 10px 0;
border-bottom:3px dotted #110f74;
}
dd.archive ul li a {
padding-left:1em;
}

最初に設定したのは以下の通り。スマートじゃない上に<dt>~</dt>を<dl>~</dl>の中に記述しないのは構文上の間違いです。

▼テンプレート▼
<dt id="categoryname">{selected_archive}</dt>
<!– BEGIN entry –>
<div class="archive">
<dl>
<dd>
・&nbsp;<a href="{entry_permalink}">{entry_date}&nbsp;&nbsp;{entry_title}</a>
</dd>
</dl>
</div><!– entry –>
{trackback_auto_discovery}
<!– END entry –>
▼CSS▼
.archive{
margin:0px;
padding:20px 20px 0;
font-size:12px;
line-height:100%;
}

タイトルリスト一覧表示を実現するにあたり、SereneBach パティオ、回答くださったふうこさん、nagiさん、でんこさん、トルキーさんに大変お世話になりました。ありがとうございました!
▼2006.1.10追記
nagiさんのコメントを参考に少し変更してみました。いいヒントをくださりありがとうございます!

▼テンプレート▼
<dl>
<dt id="categoryname"><h2>{selected_archive}</h2></dt>
<dd class="archive">
<!– BEGIN entry –>
<ul><li><span>{entry_date}</span><a href="{entry_permalink}">{entry_title}</a></li></ul>
<!– END entry –>
</dd>
</dl> ←閉じ忘れに気づかず(^^;
▼CSS▼
dd.archive{ width:396px; }
dd.archive{
margin:0;
padding:20px 25px 30px;
font-size:12px;
line-height:100%;
}
dd.archive ul {
padding:0 2em;
margin:10px 0;
list-style-position:outside;
list-style-type: disc;
border-bottom:3px dotted #110f74;
}
dd.archive ul li {
margin: 0;
padding:2px 0;
}
dd.archive ul li a {
padding-left:1em;
}
dd.archive ul li span{
font-family:monospace;
}

よかったらシェアしてね!

この記事を書いた人

東京在住。犬のいない生活なんて考えられない!犬中心の毎日を送っています。趣味はアジリティー(ドッグスポーツ)と写真。

目次
閉じる