極！TypePad

告知を一番上に表示させたい！

TypePadには、告知機能はありませんが擬似的に告知として一番上に特定の記事を表示し続ける方法はあります。

一番上に表示させ続けるには、投稿の日時を未来にします。
記事を投稿する時だと「公開日時を指定」になってしまうので、まず普通に「今すぐ公開」のまま投稿します。
そして、投稿の一覧表示からその記事を選んで日時を未来の日付にします。その設定した日付までは、記事は一番上に表示され、その日時が過ぎると普通の記事と同じように時系列に表示されるようになります。
このサイトでは、「はじめにお読み下さい」の記事を２００５年１月１日に設定しているので、その日時まで一番上に表示されます。

また、このサイトのように日付を指定して告知する必要がなく、今後もずっと一番上に表示させたい記事もあると思います。その場合は一度書き出したもののウェブページのソースをみて、必要なところだけをコピーし、MainIndexTemplateの記事の上の部分に貼り付けておけば、紛らわしい未来の日付などを表示させずに済むと思います。
この方法は実際にやってみてから、手順を説明する予定です。

カテゴリー別デザイン

TypePadでトップページをぱっと見てどのカテゴリーの記事なのか、わかるようにしたい！という考えから実践した、カテゴリー別デザインの方法を紹介します。実際にこのウェブログのトップページには適用されています。これは、テンプレートの構成とスタイルシートが有る程度理解している人向けです。
注）必ずテンプレートのソースのバックアップをとるなどしてからチャレンジしてください。あくまで自己責任でお願いしますm(_ _)m

まず、書き出される記事にカテゴリーのidを付ける必要があります。
<div id="center">
<div class="content">
<MTEntries>
の内側に、記事のidをつける以下の一文が書かれていると思います。
<a id="a<$MTEntryID pad="1"$>"></a>
その文の”上に”以下の一文を書きます。
<div id="a<MTEntryCategories><$MTCategoryID$></MTEntryCategories>">
そして、下の方をみると</MTEntries>がありますので、その”上に”</div>を記述します。
こうすることによって、「aカテゴリーID」というidを記事につけることができます。（例　a18032)

ここでポイントなのは「a」を先頭に追加していることです。スタイルシートでは数字だけのものはidやclassとして認識してくれないというのもあるのですが、もしカテゴリーを決めずに投稿しても「a」というidがつくので判別できるからです。

ここで一端保存して再構築をし、サイトの確認をして下さい。見た目上は変わりませんがソースをみると、カテゴリーごとのidを確認できると思います。当然そのidはスタイルシートの変更の時に必要になりますので、メモをしておいて下さい。

次に、スタイルシートの編集をします。（ここでは例としてカテゴリーidを「a18032」としています。）
本来はcontentクラスで囲われている部分なのですが、カテゴリーidの方が内側なのこちらが優先されます。

以下実際のこのウェブでの現時点での設定の一例です。
・記事全体
#a18032 {
background-color: #FFFFFF;
border: 1px solid #FF1100;
margin: 12px;
}

・記事のタイトル
#a18032 h3 {
color: #FFFFFF;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: large;
text-align: left;
font-weight: bold;
background-color: #FF1100;
margin-bottom: 10px;
}

・記事本文
#a18032 p{
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: small;
font-weight: normal;
line-height: 150%;
text-align: left;
margin-bottom: 10px;
}
・日付やコメント等へのリンク
#a18032 p.posted {
color: #999999;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: x-small;
border-top: 1px dotted #999999;
text-align: left;
font-weight: bold;
margin-bottom: 5px;
line-height: normal;
padding: 3px;
}

といったようにすることにより、idが一致した場合はそれが適用されます。

以上長くなりましたが、この方法を使えばカテゴリーごとにまったく違うデザインをすることが可能になると思います。
この方法は他のテンプレートページにも応用が利くと思いますので、また今後紹介していく予定です！

TyePadでのこうさぎの設置

BlogPetこうさぎを設置する方法として、タイプリストを使うやり方があります。
そうすれば、Basicプラン、Plusプラン、Proプランすべてで設置できます。

まず、タイプリストの種類を”リンク”にしてタイプリストを作ります。
次に、そのタイプリストの”設定”の上級者向け設定のところの”メモを表示”の部分を”テキスト表示する”にします。
（こうすることによって、リンクのメモ欄の部分でHTMLが有効になり、タグ等がはれます。これはいろいろなことに応用できると思います。）
そして、新しい項目を追加するから「リンクのタイトル」「リンク先のURL」はなにも記入せず、メモの部分にBlogPetこうさぎで指定されたソースを貼り付けます。
そして項目を保存すれば、タイプリストとして登録完了です。
後は、sidebarにそのタイプリストを表示させれば設置完了です！

ここで、すでにテンプレートを上級者テンプレートに変換してしまっているProプランのあなた（自分も）。どうやってタイプリストを追加するんだー？？ということに気づいてしまうかと思います。
基本的にモジュールをincludeするものですから、そのモジュールのパスをしらなければ設置できません。
なので、一度上級者テンプレートではない適当なノーマルテンプレートにして、表示項目からそのタイプリストを選び適用させて、その後にそのテンプレートを上級者テンプレートに変換してソースをみれば、貼り付けるべきソースがわかります。
ちょっと面倒くさいかもしれませんが、現状ではこの方法しかないかもしれません。

カテゴリーごとの記事の数を表示させるには？

サイドバー内のカテゴリー名の横にカテゴリーごとの記事の数字を表示させたいという場合には・・

sidebar.inc内の以下のような記述を
<a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a>
次のように変えるとこのページのようになります。MTCategoryCountタグがカテゴリー数を表示してくれます。
<a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$>(<$MTCategoryCount$>)</a>