Movable Type 備忘録

 
  

 Movable Type 4.1 用テンプレート(FLORAL)

こんにちわ^^

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

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

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

サンプル: <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)

こんにちわ^^

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

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

  
  

 Movable Type 4.1 用テンプレート(Pandora)

こんにちわ^^

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

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

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

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

アップグレード

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

  1. Movable Type の圧縮ファイルを FTP でアップロードします。

  2. TELNET or SSH で接続して、以下のコマンドを実行します。

    # unzip MT-4_1-ja.zip
    
  3. 以下のコマンドを実行して、以前の環境を差し替えます。
    ※以下は 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

  4. 必要なプラグインなどを新しい環境にコピーします。
    わたしの場合は、アップグレードに備えて事前にプラグインやイメージファイルなどの差分を用意してありますので、コピーすれば済むようにしてます。

  5. Movable Type に接続します。
    その際、データベースのアップグレードが促されますが、そこはそのまま素直に進んでください。

以上で Movable Type 4.1 のアップグレードは完了しました。カンタンでしょ!?
上記方法は以下のページでもご紹介してます。

  
  

 MovableType MEMOのテンプレートお使いのみなさんへ4

こんばんわ^^

早いものでもぅ 12 月ですね。師走です。

あと数週間で Movable Type を使いだして 2 年になります。
おかげさまで、CSS や (X)HTML、いろんなプログラミング言語( PHP、Perl、JavaScript )を覚えることができました。

ネット上ではチラホラとクリスマス( X'mas )というキーワードが目に付くようになりました。
かなり気が早いのですが、今年(来年)はおせち料理を買うことになりましたの。

会社の人のご近所さんに、引退された板前さんが住んでるらしくって、格安でおせち料理を作ってくれるんだそうです。
内容は板前さんの拘りなのか、普通のおせち料理ではないようで、おぃひぃんだとか (●´∀`●)

『いいなぁ、板さんのおせちわたしも食べたいなぁ』とつぶやいたところ、いっしょに注文してくれるって言ってくれたので、便乗させてもらうことにしましたの。

とにかく言ってみるもんだな、と思った瞬間でした (●>∀<●)v ラッキー!!