テンプレートタグが使われているリストのソースとか

Posted by: maRk
2007年11月 5日 23:32
Last update: Jan 12, 2015 16:53
MovableType | plugins

Movable Typeのテンプレートタグを利用しているul,li要素のリストのソースについてためしてみました。

例えば、新着記事のリストがあったとします。その部分のソースを眺めていますと、li要素でそれぞれが1行ずつあいているものがあることに気づきました。

このことは自分のところだけかと思っていましたら、ほかの人のところでも1行空きのソースになっているみたいです。

当方として、やりたいことは、

<ul>
   <li>ほげほげ</li>
   <li>げほげほ</li>
</ul>

のように、該当部分で出力されたソースをみたときに、li要素の行間が詰めて表示されるようにするということです。

そこで、いろいろとテンプレートタグの位置などを変えたりなどして、どのようなソースになるのか実験してみました。

以下のような簡単なソースでテンプレートを作成しました。インデックステンプレートの新規作成でカスタムテンプレートとして、適当に名前をつけて再構築します。

「Recent Entries #1」から「Recent Entries #4」まで新着記事を並列列挙リストを出力させる、4つのパターンを作成してみました。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>UL LI のテスト</title>
</head>
<body>
<div>
<h1>UL LI のテスト</h1>
<h2>Recent Entries #1</h2>
	<ul>
	<MTEntries lastn="3"><li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li></MTEntries>
	</ul>

<h2>Recent Entries #2</h2>
	<ul>
	<MTEntries lastn="3">
        <li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
        </MTEntries>
	</ul>

<h2>Recent Entries #3</h2>
	<ul><MTEntries lastn="3">
        <li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li></MTEntries>
	</ul>

<h2>Recent Entries #4</h2>
	<ul>
<MTEntries lastn="3"><li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li></MTEntries>
	</ul>

</div>
</body>
</html>

再構築して、公開されたもののソースを調べましたところ、　「#3」のように、<ul>のすぐ後ろに、テンプレートタグを配置して、テンプレートタグの終了タグは最後のli要素の終了タグの後に配置という形ですと、理想のソースになるみたいです。

更にMT4のほかMT3.2の場合についてもみてみました。以下がその結果のソースをコピペしたものです。

結果のソース（テキストファイル）　

ここで、素直にプラグインを使ってみたら、といわれそうなのでその方法も試してみました。

The blog of H.Fujimotoさまの、「余分なホワイトスペースを削除するプラグイン」という記事で、余計な空行やスペースを削除するプラグインが公開されています。

これも試してみましたところ、以下のようにすることで、ソースに空行がなくなるみたいでした。

<ul>
<MTEntries lastn="3" trim_ex="trimcr">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries></ul>

タブなどをいれてソースを整形すると、うまくいかないみたいでしたので、このように左詰で記述しておきました。

　3.3でどのような形になるかわからないんですが、MT4とMT3.2では、ちょっとソースの出力が違うみたい。MT3.2ですと、普通にテンプレートタグの入れ子にしておくと（#2のパターン）、最後のli要素のところで改行されているけれど、理想のソースになるみたいでした。

なんか、いろいろやっているうちに、どうでもよくなってきたのでこの辺で。

Newer: テンプレートでオモタこと書くます
Older: TagSupplementalsPluginを入れてみた

Comments:

コメントをどうぞ。書き込む場所が不明な場合やサイトオーナーへのコンタクトは、GuestBookまでお気軽にどうぞ