サイドバーの最新記事リストとかで,記事タイトル数が長すぎると2行に分かれるのが気持ち悪かったので修正。30バイト分を超えるタイトルの場合は省略するようにしました。
この作業にあたっては,人生迷い箸さんの「日本語トリミングフィルタ(Encodeモジュール版)」を導入させていただきました。
本ブログにおいて記事のタイトルが一覧表示されるウィジェットは,最新記事リストを表示するやつと,カテゴリ内の最新記事リストを表示するやつの二つ。それぞれ,
●「最新記事リスト」ウィジェット
<mt:If tag="BlogEntryCount">
<mt:ArchiveList lastn="10">
<mt:ArchiveListHeader>
<div class="widget-recent-entries widget-archives widget">
<h3 class="widget-header">最近の記事</h3>
<div class="widget-content">
<ul>
</mt:ArchiveListHeader>
<li><a href="<$mt:Archivelink$>" title="<$mt:ArchiveTitle$>"><$mt:ArchiveTitle trimj_to="30" $></a></li>
<mt:ArchiveListFooter>
</ul>
</div>
</div>
</mt:ArchiveListFooter>
</mt:ArchiveList>
</mt:If>
●「最新記事リスト(カテゴリ)」ウィジェット
<mt:If tag="BlogEntryCount">
<mt:Entries lastn="10">
<mt:EntriesHeader>
<div class="widget-recent-entries widget-archives widget">
<h3 class="widget-header"><$mt:CategoryLabel$>: 最近の記事</h3>
<div class="widget-content">
<ul>
</mt:EntriesHeader>
<li><a href="<$mt:EntryPermalink$>" title="<$mt:EntryTitle$>"><$mt:EntryTitle trimj_to="30" $></a></li>
<mt:EntriesFooter>
</ul>
</div>
</div>
</mt:EntriesFooter>
</mt:Entries>
</mt:If>
こんな感じになります。単に省略するだけってのはイヤだったので,<a>タグのtitle属性にタイトル全文を放り込むようにしました。この指定により,マウスオーバーでタイトル全文がポップアップ表示されるようになってます。


コメントする