ちなさいと

　このサイトは弱小サイトなので，まだまだどこからもトラックバックがない．なので全然必要なさそうな機能ではあるが，もしだれかからトラックバックがあったときに困るため，リーセントトラックバックを表示させる機能を付けてみよう．
　知らない間にこのサイトも，PHP化してサイドメニューのテンプレートも別に作成し，includeで表示させている．そのため，サイドメニューのテンプレートを修正すればいいようだ．ちなみに参考にしたのはカスタマイズ vol.22（G@MANIA）である．このエントリーには，トラックバックとは何か？みたいなことからいろいろと，他のサイトも紹介しながら書かれているので，一読をおすすめする（ていうか自分で書くのはめんどくさい）．
　さて，実際のカスタマイズ作業に入ろう．リーセントトラックバックを表示させることはどうやら簡単にできるらしいのだが，そのトラックバックがどのエントリーにつけられたものなのか，を表示させることができないようだ．そのため，専用のプラグインがあるので，早速利用させてもらう．MTの「最近のTrackback」にエントリーのTitleとPermalinkを！（一色政彦 WEB SITE）に，「MTPingedEntry」プラグインがあるので，それをダウンロードする．
　解凍後，MTをインストールしたディレクトリの「plugin」ディレクトリにアップするのだが，実はいままでpluginディレクトリには何も入っていなかったことを知らなかったよ・・・まあどうでもいいけど．
　その後は，テンプレートの修正．プラグインのくわしい仕様などは一色さんのサイトを見てほしいが，ちなさいとでは以下のようにしてみた．

<div class="sidetitle">
Recent TrackBacks
</div>
<div class="side">
<MTPings lastn="4">
<MTPingedEntry>
・<a href="<$MTPingedEntryLink$>"><$MTPingedEntryTitle$></a>
</MTPingedEntry><br />
├ <$MTPingBlogName$><br />
├ <a href="<$MTPingURL$>" target="_blank"><$MTPingTitle$></a><br />
└ <$MTPingDate format="%Y.%m.%d - %X "$><br />
</MTPings>
</div>

　いまのところはこれで十分だろう．自分で自分にトラックバックを送って，ちょっとさみしい感じのテストを繰り返してみたから，大丈夫だと思うし．

　Movable Typeで，ページのソースを表示させることが多くなった．まあそれは，MTを設置している今だけかもしれないけど，いちおう引用（ちなさいとではblockquoteタグを利用）とは区別したいと考えている．
　それで，現在はpreタグを利用して表示させている．スタイルシートでpreタグの属性（？）をある程度指定しているので，エントリーにはタグを書くだけで良く，お手軽である．現在の設定は以下の通りである．なんか無駄に設定しているような気がするのはご愛敬．

pre {
FONT-WEIGHT:         normal;
FONT-SIZE:           80%;
COLOR:               #000000;
margin-bottom:       5px;
margin-top:          5px;
margin-right:        5px;
margin-left:         5px;
background:          #DDDDDD;
PADDING-RIGHT:       5px;
PADDING-LEFT:        5px;
PADDING-BOTTOM:      5px;
PADDING-TOP:         5px;
border-style:        solid;
border-color:        #BBBBBB;
border-top-width:    1px;
border-right-width:  1px;
border-bottom-width: 1px;
border-left-width:   1px;
}

　preタグで囲まれた部分は整形済みテキストと認識され，改行やスペース，タブなどもそのまま等幅フォントで表示されるため，ソースの表示などには非常に有効だ．ところが，MTでエントリー内にpreタグを記述すると，少なくともちなさいとではおかしなことが起こる．もちろん，なんか表示するときに白抜けしたりすると言うこともあるのだが，それ以外にもいくつかおかしなことが起こる．たとえば，以下のようなソースを表示させてみる．

<pre>
text_1
text_2
</pre>

＜表示＞

text_1
text_2

と，このようになぜか一行あきで表示されてしまうのだ．よくわからないので，仕方なくエントリーに記述するときに，

<pre>text_1<br />text_2</pre>

と無理矢理１行で記述するしかなさそう（しばらくこれでやっている）．
　これ以外に，一行が長くなると表示側も大変なことになるという点．まあこれはpreタグの宿命みたいなモノだからはっきり言って仕方ないのだが，なんとか回避策はないものだろうか．これでは不便だと思い，今度はスタイルシートでcodeというスタイルを設定し，pタグと一緒に設置してみた（<p class="code">）が，スペースやタブがうまく表示されず，階層化して表示させたい場合に不都合である．次に，codeタグを使ってみたが，codeタグは基本的に「ここがソースですよ」と宣言するだけのものなので，結局問題の解決にはなっていない．いろいろなblogサイトを見てみたが，みんな結構適当にblockquoteタグを使ったり，気にせずpreタグを使ったりしていた．さて，どんな方法がいいのやら．
　ここで，１行空いてしまう点について，ソースをコピーしてペーストしてみると，どうも１行空いているわけではないようだ．テキストエディタにペーストするときちんと１行空かないで表示されている．ということは，純粋に表示の問題だけ，と言うことか．ということで現在のところは，スタイルシートでline-height:100%;をpreタグに指定して，何とかごまかしている．
　さらに調査をしていくうちに，こんなものを見つけた．

ウィンドウの端まで行くような英単語は改行されませんが、印刷する際に問題が生じます。そこで単語途中でも改行することが出来ます。
　単語途中での改行の設定をするには、「word-wrap」プロパティにより行います。

おぉ，これを使えばうまくいきそう．ただし，IEにしか対応していないと書かれているところがちょっと不安．まあいいか．最終的に，以下のようにスタイルシートを設定した．しばらくこれでいってみるつもりである．

pre {
FONT-WEIGHT: normal;
FONT-SIZE: 80%;
COLOR: #000000;
margin: 5px;
background: #DDDDDD;
PADDING: 5px;
border-style: solid;
border-color: #BBBBBB;
border-width: 1px;
line-height: 100%;
word-wrap: break-word;
}

　ちなさいとを広く知ってもらうため，というよりか，来てくださったみなさんとのつながりをつくるためには，コメントの機能は結構重要だと思う．しかしMTにはコメントをつけてもそれを知るすべがあまりなかったように思う．
　そのため，トップページに，最近つけられたコメントを表示する機能はないか，と探していたところ，リーセントコメント+コメント日付（BLOG質問箱）にその方法が載っていたので早速試してみた．

コメントが付いた最新のエントリー5本を表示し、それぞれのエントリーごとに最新のコメント4本までをコメント日付を付けて表示するようにしました。

とのこと．ソースコードが載っていたので，それをMain Indexテンプレートにコピーして，ちょっと修正した．ちなさいとで使用したものは以下の通り．

<div class="sidetitle">
Recent Comments
</div>
<div class="side">
<MTEntries recently_commented_on="5"sort_order="ascend">
・<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
<MTComments lastn="4">
└ <$MTCommentAuthor$> <a href="<$MTEntryPermalink$>#<$MTCommentID$>">at <$MTCommentDate format="%Y.%m.%d"$></a><br />
</MTComments>
</MTEntries>
</div>