tomolatte

• ２列左サイドメニュータイプにする
• 左サイドタイトル文字を細字、字幅狭に変更
• 左サイドメニューカテゴリ数表示
• メインページのエントリー表示数を変更(今回は最新8件に)
• Movable Typeのロゴを表示
• エントリー末尾の情報表示の様式を変更
• エントリーの上部日付の部分を削除
• サイドメニューバーのリスト表示を調整
• カレンダーを細々と調整　→　外しました
• 検索周りを調整
• カウンタを入れる → カウンタ変更
• サブカテゴリを任意の順番にする
• 各アーカイブテンプレートも２カラムに。
• トップカテゴリを任意の順番にする
• 全体の見た目を調整する(検索テンプレートも含む)
• 各コメント下部の日付表示を変更
• 各トラックバック下部の日付表示を変更
• カテゴリーアーカイブにエントリーリスト一覧を表示
• 日付(月別)アーカイブにエントリーリスト一覧を表示
• Styleswitcher設置　→　外しました
• 全体の見た目を調整する
• 全記事タイトル一覧のページを追加(カテゴリ別)
• 「最近のコメント」を表示
• コメントスパム対策
• 月別アーカイブのコンパクト化　同改訂版　同改々訂版
• Movable Type3.11-ja → 3.151-jaへup
• カテゴリーアーカイブにページナビ機能
• 「最近のトラックバック」を表示
• 追記をメインページ内で折りたたみ
• トラックバックスパム対策
• コメンターのメールアドレスを非表示に
• 更新情報の配信にRSS2.0とATOMを追加。字数制限。
• mt.cfgを隠す
• メニューに「このサイトについて」を追加
• SQLite化及びv3.15-ja→3.2-ja-2へupgrade
• 編集画面の表示を調整　MT3.2版
• 月別アーカイブのコンパクト化　MT3.2版
• 個別エントリーアーカイブに同一カテゴリーのタイトルを表示
• 独自ドメイン取得に伴い引越

----------------------------------------------

引越以前の玄関を記念撮影
[ 2005.11.21 ]

---------------------------

管理画面の「管理＞テンプレート＞インデックス・テンプレート」の右側にある「新しいインデックス・テンプレートを作る」をクリック。
「テンプレートの編集」画面を呼び出して下の図のように作成。

------------------------------------------------------

まず2004年にダミー記事を投稿して1月～12月まで表示させようとしました。
しかし7月までの表示で8～12月がプッツリ切れました。(a)

この年月の部分(2004: 01 02 03 …)は<li>～</li>が使用されています。
私がもともと<li>にあてがっているcssは以下の記事にあります。
「サイドメニューバーのリスト表示を調整」

この中の
　「white-space:nowrap;/*追加改行禁止*/」
の部分がまずいのかと思って
<li class="kako">とし、

.kako {
     white-space: normal !important;
     }

と指定しました。
　［ 備)私の環境では「!important」が必要でした ］

------------------------------------------------------

しかしこれだけでは変化が無かったので更に原因を考えました。

月と月の間の半角スペースには特殊文字「&nbsp;」を挿入していました。
しかし、W3CのHTML4.0勧告邦訳で確認したところ

改行の禁止
二つの言葉を分けたくない場合もでてきます。&nbsp;実体（&#160; か &#xA0;）は、改行させたくな空白に使います。

だそうです。
えっ、改行さ・せ・た・く・な…(-_-;

これが原因だったようで普通に半角モードでキーボードのスペースキーを押してスペースを入れましたら改行されるようになりました。(b)

------------------------------------------------------

このままですとなにかちょっと見た目が今ひとつですので西暦のあとに<br />を挿入しました。(c)
バランスが悪いような気がしたので半角スペースで余白をとるのをやめ、<a>タグに「margin-right: *px」と指定してみました。
余白を任意でいじれるように。
ここでは4px。(d)
さらに<div class="kakom">を作ってCSSで半年分ずつ表示されるように幅を指定し(e)
月表示左側に余白を入れました(f)

テンプレートに入れたタグとCSSは下記に示しました。
もし参考にされるのであれば数値などを皆様方の環境に合わせてお使い下さい。

■テンプレート側

<h2>過去の投稿</h2>

<ul>
<MTArchiveList archive_type="Monthly">
<MTArchiveDateHeader>
<li class="kako"><$MTArchiveDate format="%Y"$>:<br />
<div class="kakom"><MTArchiveYear order="ascend">
<MTArchiveYearIfEntries><MTArchiveLoad><MTDateHeader>
<a href="<$MTArchiveLink$>" title="投稿数: <$MTArchiveCount$>">
<$MTEntryDate format="%m"$></a></MTDateHeader></MTArchiveLoad>
</MTArchiveYearIfEntries></MTArchiveYear>
</div>
</li>
</MTArchiveDateHeader></MTArchiveList>
</ul>

■CSS側

/* 月別アーカイブ用 */

.kako {
     white-space: normal !important;
     }

.kakom {
     width:140px;
     position: relative;
     left:15px;
     }

.kakom a {
     margin-right: 4px;
     }

　※WinのIE6、Firefox1、NN7.1で表示確認済ですがMacな方は不明です。
　　　→Mac OS X 10.4/Firefox2,Safari2.0.4確認済み(※コメント欄参照)
　※実際の「tomolatte」は予告無くこの仕様から変更する場合があります。
　※この作業には３つのプラグインが必要です。

------------------------------------------------------

旦那さんは
「このままではまずい、息子を奪還すべし！」
とばかりに本日自転車で息子といそいそお出かけ。
そんなわけでわたくしはお家でまったりコーヒーブレイク、ネット徘徊をしております。
五月の晴れた土曜日。あぁ平和だ…平穏だ…。

-----------------------------

ネットを徘徊しておりましたらなにやら「Movable Typeの脆弱性」なる言葉が。
この記事を読み辿っていきますと　ちまたではインストールフォルダにある「mt.cfg」を隠すのがスマートなもようです。

自分のところのmt.cfgにアクセスしたらば「保存しますか？」と(恥
見事に丸見え(*ﾉωﾉ)

こんな辺境のブログなんて誰も突いてはこないだろうとは思いますが、私も後に続きます。
今回2xUPさまの手法を用いさせて頂きました。<(_ _)>

　　　[作業]

• エディタで「.htaccess」ファイルを作る。
• 中身は

  <Files mt.cfg>
  　deny from all
  </Files>

• FTPでMTインストールフォルダ(mt.cgfファイルがあるところ)にUP。

mt.cfgファイルに再アクセスしたらば…おお、無事「403 Forbidden」なページになりました。

方法は、MTのインストールフォルダの中にあるmt-tb.cgiの内容を数行書き加えるだけだそうです。
それによって概要が半角英数字のみのTrackBackがはじかれるとか。
具体的な記述はFutabaさまの記事から辿っていけると思います。
実際にその対策を施した後、別ブログから半角英数字のみでTBを送ってみたのですが拒否されました。バッチグー(死語)。

ところで私のNucleusサイトは今はほとんど投稿していないのにかなりのコメント＆TBスパムに見舞われております。
対策を施しているので表面上は大丈夫なのですが、管理画面のSPAMのLOGから着実に増えていっているのが確認できます。
カウンタがかろうじてスパムで回っているような(^^;

小粋空間さまの「●追記文章の折りたたみ用スクリプト（改）」を参考にメインページ内での折りたたみ化を図りました。
うーん、自分の記事確認用にも便利(^^

---------------

それとは別に、表示上には影響はないのですが編集画面を表示させるBookmarkletを頂戴しました。
Ogawa::Memorandaさまの“Edit This” Bookmarkletです。便利です。

Nucleusの場合はログインした状態でブログを見るとEditボタンが表示される(逆を言うと一般閲覧者からはEditボタンが見えない)<%edit%>というタグが最初から用意されています。
Movable Typeもバージョンアップしていく際にこの機能が追加されるととても嬉しいな。

プラグイン「recently_pinged_on Plugin」をDLし、[MTインストールディレクトリ]/pluginsフォルダにupload。
これにより「最近のコメント」を表示する「recently_commented_on」と同様、「最近のトラックバック」を手軽に表示させる「recently_pinged_on」が使用可能に。
このプラグインは Ogawa::Memoranda さま提供です。感謝(-人-)

タグMEMO。

<h2>最近のトラックバック</h2>

<ul>
<MTEntries recently_pinged_on="3">
<li><a href="<$MTEntryLink$>"><$MTEntryTitle$></a><br />
<MTPings lastn="4">
└ <$MTPingBlogName$> <a href="<$MTPingURL$>" rel="nofollow">at '<$MTPingDate format="%y.%m.%d"$></a><br />
</MTPings>
</MTEntries>
</ul>

当方のサイドメニューはCSSで１行で切るようにしているので、表示は短めに「サイト名＋日付」にしました。
問題は…「最近のコメント」に合わせて日付でリンクするようにしたので、サイト名が長いと日付が隠れてしまいリンクできない事(-_-;　
個別記事側で可能だから…いい…かな？

----------------------------

[ 2005.11.22 追記 ]
tomolatteでの仕様を少々変更しました。
今までは日付をクリックすると直接トラックバックされたサイトに飛ぶようになっていました。
が、リンク先を「最近のコメント」と同様に自ブログ内エントリーアーカイブのトラックバックエリアに変更。
<a name="<$MTPingID$>"></a>で頭出し。

[手順メモ]

• Movable TypeのPHP化


• プラグイン「MTPaginate 1.24」をDLし、[MTインストールディレクトリ]/pluginsフォルダにupload


• カテゴリー・アーカイブのテンプレートにナビ部分を記入

<MTPaginate>

<div id="pagenavi">
<MTPaginateIfMultiplePages>
<$MTPaginateNavigator style="links" format_all=" All " place_all="after" separator="|" format_current="<font color=#******><b> %d </b></font color>">
</MTPaginateIfMultiplePages>
</div>

<MTPaginateContent max_sections="8" >

<MTEntries>

･･･(略)･･･

<$MTPaginateSectionBreak$>

</MTEntries>

</MTPaginateContent>
</MTPaginate>

※１ページの記事数は「max_sections="数値"」で指定

[2005.02.07 追記]
と、この投稿をしてから12時間後に3.151版が提供されていました。
3.15からは５つのファイルを上書きするだけでOKだそうです。早速ごそごそ。

前回プラグインArchive Date Header Pluginを入れましたが、更にArchiveYear Plugin、ArchiveLoad Pluginを
DL、[MTインストールディレクトリ]/pluginsフォルダにupload。

前回変更した部分を以下のように差し替えました。

<h2>過去の投稿</h2>

<ul> <MTArchiveList archive_type="Monthly"> <MTArchiveDateHeader> <li><$MTArchiveDate format="%Y"$>:&nbsp;<MTArchiveYear order="ascend"><MTArchiveYearIfEntries><MTArchiveLoad><MTDateHeader><a href="<$MTArchiveLink$>" title="投稿数:&nbsp;<$MTArchiveCount$>"><$MTEntryDate format="%m"$></a>&nbsp;</MTDateHeader></MTArchiveLoad></MTArchiveYearIfEntries></MTArchiveYear></li> </MTArchiveDateHeader></MTArchiveList> </ul>

また、設定画面をいじらなくてもこの部分のみ、月の並びを昇順・降順で選択出来るようになりました。
私は'05.02.06現在、昇順(ascend)表示(1,2,3…)をしていますが、降順(12,11,10…)にしたい場合はここをdescendに差し替えます。

[2005.10.05追記]
現在ArchiveYear Plugin、ArchiveLoad Plugin配布元がリンク切れになっています。
一時的にこちらに置きます。[年内には削除の予定]
　　ArchiveYear Plugin
　　ArchiveLoad Plugin

最新版Movable Type3.2では上記２つのプラグインが動作しないようです。
月の昇順、降順が選択できなくなります。残念。
どなたか3.2対応版を作って下さらないかしら。
　↑動作していました。浅慮でした。お恥ずかしい。

[2005.10.21追記]
■関連記事
　月別アーカイブのコンパクト化　MT3.2版
　月別アーカイブのコンパクト化　MT3.2版昇順

これを実現するためにプラグインArchive Date Header PluginをDL、[MTインストールディレクトリ]/pluginsフォルダにupload。
開設半年目で初プラグインです。

今までのこの部分を

<h2>アーカイブ</h2>

<ul>
<MTArchiveList archive_type="Monthly">
<li><a href="<$MTArchiveLink$>">
<$MTArchiveTitle$></a></li>
</MTArchiveList>
</ul>

以下のように変更しました

<h2>過去の投稿</h2>

<ul>
<MTArchiveList archive_type="Monthly">
<MTArchiveDateHeader>
<li><MTArchiveDate format="%Y">:
</MTArchiveDateHeader>
<a href="<$MTArchiveLink$>" title="投稿数:&nbsp;<$MTArchiveCount$>"><MTArchiveDate format="%m"></a></li>
</MTArchiveList>
</ul>

Movable TypeはメジャーですしNucleusも気になるしと、私は２つのブログを中途半端にこさえています。
現在Nucleusの方はブログいじりのMEMOのみの投稿です。
記事は20ほどなのですが全ての記事に１つずつコメントスパムがつきました。
対策はとりましたがコメントを削除するのが面倒でした。
20記事で面倒だったので記事数80超のこちらのブログが心配になりました。
コメントスパムがくる前に対策をとらなくては…と。
折良く同バージョン(3.11-ja)の方が対処方法を公開されていました。

[MTインストールディレクトリ]/lib/MT/App/Comments.pmに日本語コメントのみを受け付けるよう書き足ししているそうです。感謝。

[2005.11.17追記]
私のNucleusブログは閉鎖しております。

---------------------------------------

[ 2005.11.29 追記 ]
Movable Type 3.2-ja-2にupgradeしましたら「recently_commented_on」がうまく動かなくなりました。
以降、「最新のコメント」表示にはプラグイン「Recents」を利用させて頂いています。

発想が貧困なので前回と同様床屋のぐるぐるです。
さすがにGIFアニメに比べると軽いです( GIF 12.4KB → Flash 0.9KB )
表示もなめらか(なような気がします)

不思議なのはブログのサイドメニュー内にこうさぎFlashやFlash時計を貼っているのはよくお見かけしますが、記事内ではあまり見かけないこと。
ホスティング系ブログだとタグに制限があるからでしょうがMovable Typeでも見かけないのは何か問題があるのでしょうか。
単にFlashを作るのが手間だから？
うーむ。謎だわ。

メニューサイドにある「CSS SWITCH(作業中)」なるものがそれです。
満足にひとつもトータルなデザインをこさえてないのに　そんなスイッチを置いてあるのがお恥ずかしい。
スイッチを使いたいが為にワセワセとつくった「ボタンホール」と「端ミシン」て。
違いがホントステッチだけ。
きっとたまたま見てしまった人は
「これだけかい！(ﾟд゜)」
って腰砕けするんだろうなぁ。
怒らないでくださいね。

でも自分でスタイルシートをいじっているときはこのボタンで即座にデザインを確認できるので楽チン。
永遠の作業中にならないようにせねば。

追　記
CSS SWITCHを外しました。2005.1.11

以下のタグを日付(月別)アーカイブのメニューサイドに追加。

<MTArchivePrevious>
<a href="<$MTArchiveLink$>">&laquo;</a>
</MTArchivePrevious>
<h2 class="moncap"> <$MTArchiveTitle$> </h2>
<MTArchiveNext>
<a href="<$MTArchiveLink$>">&raquo;</a>
</MTArchiveNext>

<ul>
<MTEntries>
<li>
<a href="<$MTEntryLink$>"><$MTEntryTitle$></a>
</li>
</MTEntries>

スタイルシートに以下を追記

.moncap { display: inline;}

以下のタグをカテゴリーアーカイブのメニューサイドに追加。

※私の場合はカテゴリーの階層がメインとサブの２つだけ、且つサブカテゴリのみにエントリを入れています。

<h2><$MTCategoryDescription$></h2>

<ul>
<MTEntriesWithSubCategories>
<li>
<a href="<$MTEntryLink$>"><$MTEntryTitle$></a>
</li>
</MTEntriesWithSubCategories>
</ul>

ちなみに普通な方のカテゴリタイトル(<h2>～</h2>の部分)は<$MTCategoryDescription$>ではなく<$MTCategoryLabel$>です。

個別エントリーアーカイブを書き換え。

[変更前]

<p class="posted">
トラックバック時刻: <$MTPingDate$>
</p>

[変更後]

<p class="posted">
tracked from
<a href="<$MTPingURL$>"><$MTPingBlogName$></a>
at <$MTPingDate format="%Y-%m-%d %H:%M"$>
</p>

個別エントリーアーカイブ、コメントプレビューを書き換え。

[変更前]

<MTComments>
<div id="c<$MTCommentID$>">
<$MTCommentBody$>
</div>
<p class="posted">投稿者 <$MTCommentAuthorLink default_name="Anonymous" spam_protect="1"$> <MTCommentAuthorIdentity> : <$MTCommentDate$></p>
</MTComments>

[変更後]

<MTComments>
<div id="c<$MTCommentID$>">
<$MTCommentBody$>
</div>
<p class="posted">commented by <$MTCommentAuthorLink default_name="Anonymous" spam_protect="1"$> <MTCommentAuthorIdentity> at <$MTCommentDate format="%Y-%m-%d %H:%M"$></p>
</MTComments>

Movable Typeってなかったのですね。
Nucleusの場合はブラウザ側から編集できたのでついつい探してしまいました。

ブラウザ側から見つけることは出来ませんが実際は
MTインストールディレクトリ/search_templates/default.tmpl
に存在しているそうです。
早速直そう。ごそごそごそ。

[参考サイト]　お世話になりました<(_ _)>
Magic White::検索する時の表示カスタマイズ(記事リンク切れ)
小粋空間::検索画面テンプレート

-------------------------------------

[ 2005.1.11 追記 ]
ブログ全体の見た目はこの時点から更に変更しました。

-------------------------------------

[ 2005.12.8 追記 ]

Movable Type3.2以降、管理画面側に検索テンプレートを付加しました。
FTPを起動する必要がなくなります。
以下、私の場合の手順です。

• メインメニュー>環境設定・テンプレート>アーカイブで
  「テンプレートを新規作成」を選択


• テンプレート名
  「検索テンプレート」などに


• このテンプレートにリンクするファイル
  ブログのトップページ側からみた検索テンプレートファイル「default.tmpl」を相対パスで


• テンプレートの内容
  もともとのdefault.tmplのソースをコピペし、自分仕様に
  元ソースはどこかに保存しておくのが吉

-------------------------------------

[ 2006.07.17 追記 ]

Movable Typeを3.31にアップデートしたところ、検索テンプレートに変化が。
上記の作業無しにブラウザ側から編集できるようになったようです。
ブラウザ管理画面の
　環境設定　>　テンプレート > システム　>　検索結果
からいじれます(嬉

ここtomolatteの場合は最初の状態が左の図のような順番でした。
まずこれを先日の記事のように「カテゴリのタイトル」をあいう順(もしくは数値001,002,003…)に書き換えます。
そして表示したいカテゴリ名を「カテゴリの説明」の方に記入。

そうすると左の図のような　あいう付き表示に変わります。

これを解消するためにメインページのカテゴリあたりのタグ

<MTElse><li><MTCategoryLabel></MTElse>

を

<MTElse><li><$MTCategoryDescription$></MTElse>

に書き換えます。

そうすると左の図のように見た目普通な表示で任意の順番に並びます。

アホな子はホント時間がかかる。
かしこくなりたい（ＴдＴ）　

-------------------------------

[ 2005.11.30追記 ]
この投稿以降に「cutfirstchar」というすばらしいプラグインが出来たようです。

そこでMT3.01バージョンでやった作業をもう一度。
カテゴリーの名前の頭に数値を振るとその数値順に並び替えができるのですが。
前回のkanehara様のコメントによるとディレクトリ名にその数値が反映し、美しくないと。
そこで助言通りカテゴリータイトルの頭に「あ,い,う～」を振ります。
実際に表示したいカテゴリ名はカテゴリーの説明(MTCategoryDescription)の方に。

今回はカテゴリーのタイトル欄に「う-others其の他」、カテゴリーの説明欄に「其の他」というふうに記入しました。

カテゴリの順番が変わりました。

この後テンプレート内のカテゴリーの記述のこの箇所

<a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>">
<MTCategoryLabel>
</a>

を

<a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>">
<$MTCategoryDescription$>　(<$MTCategoryCount$>)
</a>

に書き換えました。

しかしこのままですとブラウザでサブカテゴリを開いた時に左上タイトルがみっともないことに。(下の画像はIE6です。
ちと古めスキンですが)

ソースを見ると<title>tomolatte: う-others其の他 アーカイブ</title>と妙ちくりんになっています。
これを解消するために「カテゴリーアーカイブ」テンプレートの

<title><$MTBlogName encode_html="1"$>: <$MTArchiveTitle$> アーカイブ</title>

を

<title><$MTBlogName encode_html="1"$>: <$MTCategoryDescription$></title>

に書き換えました。
無事、普通な表示になりました。

カテゴリ名を英字表記にすれば事は早いのですが。

試したところトップカテゴリの順番も同様に変えることができました。
ただ、上記のやり方ですと、トップカテゴリ内に入り、且つその中のサブカテゴリに入らないエントリの投稿が必要なようです。そうするとMTCategoryDescriptionが生きてきました。
でも私はそういうエントリは書かないと思うのですよ。そこでそれを下書きモードに。
結果、カテゴリ名は「日常生活編 (0)」とOKなのですが今のわたくしの環境ではエントリ数がついでに表示されてしまうのでこれを解消したほうがベターなのでしょう…(^^;
→(追記)解消しました。

-------------------------------

[ 2005.11.30追記 ]
この投稿以降に「cutfirstchar」というすばらしいプラグインが出来たようです。