カテゴリや過去ログなどのサイドメニューはコンテンツが増えたり時間が経つことによりだんだんと長くなってきます。行数が増えて長くなったサイドコンテンツをスクロール表示させる方法です。
このカスタマイズはコンテンツの編集です。カテゴリを例に説明します。
マイブログメニューの［デザイン］⇒［コンテンツ］の［カテゴリ］から編集を行います。
マイブログメニューの［デザイン］⇒［コンテンツ］の［カテゴリ］から編集を行います。
次の赤文字の2行を追加しました。
ブロック要素の<div>タグにoverflowとheightを用いました。heightに指定した350pxが高さです。
ブロック要素の<div>タグにoverflowとheightを用いました。heightに指定した350pxが高さです。
<div class="sidetitle"><% content.title %></div>
<div class="side">
<% content.header -%>
<div style="overflow:auto;height:350px;">
<% loop:list_category -%>
<a href="<% category.page_url %>"><% category.name | tag_break %></a>
(<% category.article_count | __or__ | echo("0") %>)<br>
<%loop -%>
</div>
<% content.footer -%>
</div>
<div class="side">
<% content.header -%>
<div style="overflow:auto;height:350px;">
<% loop:list_category -%>
<a href="<% category.page_url %>"><% category.name | tag_break %></a>
(<% category.article_count | __or__ | echo("0") %>)<br>
<%loop -%>
</div>
<% content.footer -%>
</div>
以上で作業は完了です。
このカスタマイズは過去ログなど別のサイドコンテンツにも使用することができます。
このカスタマイズは過去ログなど別のサイドコンテンツにも使用することができます。