Movable Type 備忘録 - テンプレート

Movable Type 4.1 用テンプレート（FLORAL）

Mar302008
Author: bzbell
Categories: Template
Tags: 4.1, MovableType, Template

こんにちわ^^

先日 JavaScript を使わずにツールチップを実装する方法がphpspot開発日誌さんとこでご紹介されてました。

JavaScriptを使わずCSSのみでシンプルなツールチップ実装

内容見るととってもシンプル (●´∀｀●)♪

サンプル：ツールチップカンタンに<a>タグにツールチップが実装できた。

使い方は以下の通りです。

サンプル： <a href="#" class="tooltip">ツールチップ<span>カンタンに&lt;a&gt;タグにツールチップが実装できた。</span></a>

赤字の部分がツールチップとして表示されるテキストになります。CSS は以下の通りです。

a:hover {
    background:#fff;       /*  なくてもいい*/
    text-decoration:none;  /*  不要なら削除*/
}
a.tooltip span {
    display:none;          /*  通常時はツールチップを非表示にしてますね*/
    padding:2px 3px;       /*  ツールチップの余白*/
    margin-left:8px;       /*  ツールチップの表示位置*/
    width:130px;           /*  ツールチップの幅（高さは可変）*/
}
a.tooltip:hover span {     /*これがツールチップ（<span>～</span>）のスタイルになります*/
    z-index:10;            /*  重なり順序のプライオリティを上げてみました*/
    display:inline;        /*  これがポイントでしょうか*/
    position:absolute;     /*  ツールチップの表示位置を任意設定するために必須*/
    border:1px solid #ccc;
    background:#fff;
    color:#6c6c6c;
}

アンカー以外ではどうか･･･。

サンプル：
ツールチップ<p>タグでも問題なし!! ただしモダンプラウザのみ。

こちらも問題なさそうですね。使い方は <a> タグを <p> タグに変更してそれに伴って CSS を以下のように変更しただけです。

p {
    display:inline;
    background:#59b9c6;
    border:1px solid #089;
    text-decoration:none;
    cursor:pointer;
}
p:hover {
    background:#698aab;
    text-decoration:none;
    cursor:pointer;
}
p.tooltip span {
    display:none;
    padding:2px 3px;
    margin-left:8px;
    width:130px;
}
p.tooltip:hover span{
    z-index:10;
    display:inline;
    position:absolute;
    border:1px solid #ccc;
    background:#fff;
    color:#6c6c6c;
}

ただし、上記 <p> タグのような使い方は IE6.x では使えませんのであしからず（；￣－￣）

さて、予告通り白系のテンプレートを作ってみましたのでご紹介します。
作ったといっても、つい最近までわたしのサイトで使ってたものを配布用にアレンジしたのと、チョビッとだけデザインを変更した程度ですの。

このテンプレートの表示確認してて始めて気づいたのですが、コメント投稿時の投稿者情報を Cookie に保存する機能が使えてませんでした。
てか、他サイトさんとこでもあまり使ってない機能だったのですっかり忘れてたわけですが、どうもデフォルトの mt.js 内のコードに問題ありな気がするのココロ。

とりあえず、改善したものを添付しております。

Movable Type 4.1 用テンプレート（CINE）

Mar232008
Author: bzbell
Categories: Template
Tags: 4.1, MovableType, Template

こんにちわ^^

すっかりご無沙汰してしまいましたぁ (;￣∇￣A
せっせと Movable Type 4.1 用のテンプレートを作ってみましたので良かったら使ってください。

実は、どこぞで聞いたのか知りませんが、実父が Movable Type でブログを始めるとのことだったので、実父向けに作ったテンプレートなんです (;￣∇￣A
また、わたしのサイトで使ってた白系のテンプレートにおいても、ご要望があったので後日配布したいと思います。

Movable Type 4.1 用テンプレート（Pandora）

Jan272008
Author: bzbell
Categories: Template
Tags: 4.1, Pandora, Template

こんにちわ^^

ここ最近ずっと寒い日が続いてますが、風邪引かないようご注意くださいませ。

さて、先日待望の!? Movable Type 4.1 が正式リリース( MTOS も )されましたね。
つい先日 RC2 がリリースされた矢先だったので、ちょっと意表つかれちゃいました (;￣∇￣A

Movable Type 4.1 の新機能

さらにプログラマブルにテンプレートを作れるようになったので、表面上のことならある程度デフォルト・タグでできるようになったのは嬉しいですね (●´∀｀●)
あと、カスタムフィールド機能やテンプレートセット機能はとっても便利です。

Movable Type MEMO のテンプレートは今後プラグインという形でテンプレートを配布していきます。今までのように設置できない･･･ということはなくなるかと思います。
ただし、多少サーバに依存したところ( PHP のバージョン )があるので、今依存しないよう PHP スクリプトを書き直してます。動作確認ができないのがイタイですけど (´Д｀；)

アップグレード

TELNET や SSH が使えるサーバをお使いの人は、以下の手順でアップグレードするとカンタンにアップグレードできます。

Movable Type の圧縮ファイルを FTP でアップロードします。
TELNET or SSH で接続して、以下のコマンドを実行します。
```
# unzip MT-4_1-ja.zip
```
以下のコマンドを実行して、以前の環境を差し替えます。
※以下は Movable Type のインストールディレクトリ名が 'mt' の場合の例です。
```
以前の環境をバックアップ( mt.back にリネーム )
# mv mt mt.back;

リンク先が MT-4.1-ja/ ディレクトリになる mt というリンクファイル作成
# ln -s MT-4.1-ja/ mt
```
たとえばわたしのサイトを例にすると、http://bizcaz.com/mt/ にアクセスすると、実際には http://bizcaz.com/MT-4.1-ja/ アクセスされます。
この要領で今後のアップグレード時には、mt のリンク先を変更してあげれば OK ですね (￣∇￣)b
必要なプラグインなどを新しい環境にコピーします。
わたしの場合は、アップグレードに備えて事前にプラグインやイメージファイルなどの差分を用意してありますので、コピーすれば済むようにしてます。
Movable Type に接続します。
その際、データベースのアップグレードが促されますが、そこはそのまま素直に進んでください。