- 2008年10月 5日 日
- MovableType
元々は、
<dl class="headline">
<dt>タイトル1</dt>
<dd>記事内容1</dd>
<dt>タイトル2</dt>
<dd>記事内容2</dd>
・・・・・・
</dl>
という構成だったのが、
<dl class="headline">
<dt>タイトル1</dt>
<dd>記事内容1</dd>
</dl>
<dl class="headline">
<dt>タイトル2</dt>
<dd>記事内容2</dd>
</dl>
・・・・・・
となってしまったワケです。そのために、記事の間に微妙な隙間が生まれてしまいました。これはCSSを書き直す必要があります・・・が、色んなCSSファイルで構成されているこのテンプレートは「どこを書き直したらいいのか」を探すのが非常に難しい。
やっとの思いで見つけたのは「2-class.css」でした。さらに、そのファイルのどこをどう変えれば良いのか。
色々試して、何とか無事にできました。
dl.headline dd {
margin: 0 10px 1em 10px;
}
の部分でした。ここの下部のマージンを規定する1emを0.2emに直して、やっと解決。
さらに微調整として、スカイアークシステムさんや、MovableTypeのススメさんで解説されていた記述をちょこっとだけ変更。
<$MTPageNext delim="次のページへ>>"$>
の前に「|」を入れました。入れなければ、
1|2|3次のページへ>>
と、このように表示されるんですよね。index.htmlを表示している時に「3」をクリックしたら「index_3.html」に飛びますし、「次のページへ>>」をクリックしたら「index_2.html」に飛びます。なので、間違えてクリックしないように、分かりやすいようにしたワケです。
1|2|3|次のページへ>>
と、なります。おっと、<$MTPageBefore delim="<<前のページへ"$>の後ろにも忘れずに。
細かいところまで拘りますよぉ(笑)。
- Newer: 再構築のエラー
- Older: ページ分割のプラグイン・その2