今日のブログはMovable Typeのカスタマイズに関する記事になります。
Movable Typeを知らない人などはほとんど？？？な内容になりますが、
これを書いておくことでまた、自分が困ったときに見返せるようにと
書くことにしました。
では本題です。
いろいろな人のブログを見ていてその人のバックナンバーが見たいな～。
と思い、その人が書いた月別のブログを見るときのことです。
たとえば2004年9月(23)というような月別のブログが見れるリンクを
クリックしたときのこと、、、
１ページに２３日分すべての記事が全文表示されて
ってなったことはありませんか？
もうスクロールバーがすっごく細くなっちゃうくらいに・・・。
○ちゃんねるのスレッドを読んでるんじゃないしさぁ。
いやたしかに月別で見たいからクリックしたんだけど、なんかこう
タイトルってか見出しとかつけて、タイトルをクリックしたらその記事だけ
見られるようにした方が、見やすいし、スマートなんじゃない？
とロックは激しく思いました。
でも自分のブログそんな風になってないから改良しなきゃ！！
ということでMovable Typeのカスタマイズをすることにしたのです。
はぁ？なにがしたいわけ？？と思いになる方もいらっしゃいますでしょう。
つまり、2005年1月に書いたブログのタイトル一覧表示をしたかったわけです。
やり方は人によっては簡単ですが、難しい人にとっは難しく、
意味のわからない人にはパソコンを壊したくなるくらいイライラしてくるかもしれません。
ここではできるだけ説明を簡単に書きます。
なぜならロックがもう１度だけみたときにわかればいいからです。
タイトル一覧表示をするには普通、カテゴリー表示と月別表示があります。
例えばしょーもないことのタイトル一覧と
2005年1月のタイトル一覧表示の違いです。
前者がカテゴリーアーカイブのタイトル一覧表示、
後者が月別アーカイブのタイトル一覧表示なのは
Movable Typeを使っている人ならわかると思います。
タイトル一覧表示をさせるには、簡単に言うとタイトル一覧表示をさせる
タグを該当するソースに挿入すればいいだけです。
しかし、カテゴリーアーカイブのタイトル一覧表示のタグと
月別アーカイブのタイトル一覧表示のタグはそれぞれ違います。
ではそれぞれのタグを記述します。
カテゴリーアーカイブのタイトル一覧表示させるための挿入タグ
<div class="content"> <MTEntries category=<$MTCategoryLavel$>・ |
月別アーカイブのタイトル一覧表示をさせるための挿入タグ
<div class="content"> <MTEntries>・ <a name="<$MTEntryID pad="1"$>"></a> <a href="<$MTEntryPermalink$>"> <$MTEntryTitle$></a> <$MTEntryDate format="%x"$>の日記<br /> </MTEntries> </div> |
※なぜかこのブログでは文章のコピーができないので
コピーできるページを作りました。
コピペできないぞ！って方はこっちにアクセスしてください。
これらのタグをMovable Typeの管理画面のテンプレートの
『アーカイブに関連したテンプレート』の下に
カテゴリーアーカイブ
個別エントリーアーカイブ
月別アーカイブ
などのそれぞれのアーカイブを変更できるテンプレート(htmlソース)があります。
※名前は変更してあったりするので変わっている場合もあります。
画像で示すと下のようなところです。
クリックで拡大表示します。
ではさきほどのタグを一体どこに挿入すればいいんだ？？
ってことになりますね。
入れたいところに入れなさい！って感じなのですが、これはソースが
分かる人にしか言えない言葉・・・。
ですのでソースがわかる人にとってはここまでくればもう大丈夫だと思います。
そんでもってこの部分はソースが理解できない人には結構苦しいと思います。
また、ロックが説明しようにも各アーカイブのソースはロックのようにMovable Typeの
テンプレートをいじっている人にとって変わっているのでうまく説明できません。
ロックの各アーカイブソースとあなたの各アーカイブのソースが違うからです。
でもおそらくは月別アーカイブのソースにもカテゴリーアーカイブのソースにも
<$MTEntryBody$> というタグがあるはずです。
このタグは記事の本文が挿入されるタグなのでこれより上に
タイトル一覧表示のタグを挿入すればタイトル一覧が表示されるようになると思います。
※必ずメモ帳などにいじるソースを全文コピーなどして
バックアップを取ってからやってください。
いろんなタグをいじったりしてると表示がおかしくなったり
再構築できなくなっったりします。
また、タイトル一覧表示のタグを挿入するだけでは
その下に選んだアーカイブの記事が普通どおり表示されたり、
普通の記事１個１個にタイトル一覧が出てきてアホみたいです。
ですのでタイトルだけでいいのならいらないタグを消しちゃいましょう。
ロックのような表示のやり方は消さないとできません。
そしてこのいらないタグを消すというのがかなり重要だったり・・・。
でもそこまで詳しくは説明できないので、
ロックの月別アーカイブのソースの一部を書いておくので参考にしてください。
ロックの月別アーカイブのソースの一部
<div id="breadCrumb"><a href="<$MTBlogURL$>">ブログＴＯＰへ</a> /</div> <div id="pageName"> <$MTArchiveTitle$> タイトル一覧 </div> <div id="col2"> <div class="content"> <MTEntries>・ <a name="<$MTEntryID pad="1"$>"></a> <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a> <$MTEntryDate format="%x"$>の日記<br /> </MTEntries> </div> <br><br> <ココはグーグルアドセンスの広告タグ> <br><br> </div> |
ソースが多少わかる人はこのロックのソースの一部と
実際に表示される月別アーカイブのタイトル一覧ページと見比べてみれば
もしかしたらどこをどうやればいいかわかるかもしれません。
参考にしてください。
そして無事にタイトル一覧を表示させることができたら
そのタイトル一覧の文字の大きさなどをスタイルシートで自分好みに変えましょう。
今回紹介した挿入タグではdivタグの中にcontentのクラスで
スタイルシートが定義されているので、スタイルシートの中身を
自分好みにいじっておきましょう！
そしてお約束の・・・
万が一訪問者が当サイトの情報を基に不利益が生じたとしても
当サイトでは一切の責任を負わないものとします。
最後にロックがタイトル一覧表示をするに当たって
参考とさせていただいたブログのリンクを張っておきます。
かりんさんありがとうございました。
ブロクランキングと格闘中！
Posted by ロック at 2005年02月05日 18:10 | コメント (0) | トラックバック (0) | Clip!!
＜ども！
この記事に対するコメント