以下はムサビコムメンバー向けの業務連絡的な内容です(勝手にすみません…)。
ムサビコムには[全エントリーの一覧]というページがそれぞれのメンバーの日記サイトに用意されているのですが各エントリーの年月日とタイトルしか表示されないのでそれぞれのエントリーの内容がつかめなかったりしていたと思います。
それで、エントリータイトルだけでなく本文の内容も一部表示させようというものです。
（こんな感じです⇒卜部日記：全エントリー一覧）
※とりあえず、テンプレートのバックアップはできるという前提で解説していきます。
では以下、具体的な内容に入っていきます。
まず、ムサビコムにログインしテンプレートをクリックします。
そしてアーカイブページ(archives.html)とスタイルシート(style-site.css)のテンプレートをバックアップします。
で、ここからが本番です。
何でもいいのでテキストエディタ(Windowsであればメモ帳やワードパッドなど)にアーカイブページのコードを貼り付けます。
つぎに
<li><$MTEntryDate format="%d日 %X"$> » <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
と書かれている行を探します。
場所は<!-- MAIN -->の<MTEntries>と</MTEntries>に囲まれています。
※テキストエディタの検索機能を使えば手っ取り早く、一発で見つかります。
コードを発見したら</a>と</li>の間に
<div class="etbody"><p><$MTEntryBody words="100"$></p></div>
を追記します。
<li><$MTEntryDate format="%d日 %X"$> » <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><div class="etbody"><p><$MTEntryBody words="100"$></p></div></li>
というふうになっていればアーカイブページのテンプレートにペーストし保存・再構築をします。
一応これで[全エントリーの一覧]のページにはエントリーの本文の冒頭100文字が表示されるようになっているはずです。
ただ、この状態だとかなり読みにくいはずなのでスタイルシートを使ってレイアウトを調整します。
スタイルシートを任意のテキストエディタに貼り付けます。
/* アーカイブ一覧のリスト */
.OneEntry .ArchiveList
{
margin:0px;
}
.OneEntry .ArchiveList-Month
{
font-size:10pt;
}
のすぐ下に
/* アーカイブ一覧の本文表示設定 */
.etbody
{
border: 1px #FFCC00 solid;
padding: 8px;
color: #575757;
font-size: x-small;
background-color: #FFFCF4;
margin-bottom: 20px;
margin-left: 8em;
margin-right: 20px;
margin-top: 5px;
}
を追記します。
そして保存・再構築をすれば完了です。
次のエントリーでレイアウトの微調整に必要なパラメータを解説します。
※ようわからん！な方は無視しちゃって構いませんので…。
