Movable Typeの最近のブログ記事

Movable Type 4.1から4.21へアップグレードしてみました。

参照

• [重要] Movable Type 4.21 出荷開始
• Movable Type 4.2 へのアップグレード
• Movable Type アップグレードガイド

アップグレード手順

1. バックアップ
   1. FTPクライアントソフトを使って、全データをダウンロード
   2. MySQLデータファイルをレンタルサーバー提供のphpMyAdminからバックアップ
   3. Movable Typeのダッシュボードからエクスポート
2. 旧バージョンディレクトリのリネーム
   • アプリケーションディレクトリをリネーム(当方環境では[cgi-bin/mt]を[cgi-bin/mt_41]に)
   • スタティックディレクトリをリネーム(当方環境では[mt-static]を[mt-static_41]に)
   • ブログディレクトリはそのまま
3. 新バージョンファイルのアップロード
   • 解凍ファイルの[mt-static]フォルダをスタティックディレクトリへアップロード
   • 解凍ファイルの[mt-static]フォルダ以外をすべてアプリケーションディレクトリへアップロード
4. パーミッションの変更
   • アプリケーションディレクトリ直下の全てのcgiファイルのパーミッションを755へ変更
5. 旧バージョンのmt-config.cgiのアップロード
   1. アプリケーションディレクトリへ旧バージョンのmt-config.cgiをアップロード
   2. 同ファイルのパーミッションを755へ変更
6. 旧バージョンで使用していたプラグインのアップロード
   1. 旧バージョンのスタティックディレクトリの[mt-static/plugins]にある追加プラグイン(当方環境では[tagAssist]のみ)を新バージョンの同ディレクトリへアップロード
   2. 旧バージョンのアプリケーションディレクトリの[/plugins]にある追加プラグイン(当方環境では[tagAssist]のみ)を新バージョンの同ディレクトリへアップロード
7. mt.cgiを実行してアップグレード
   1. アプリケーションディレクトリのmt.cgiにアクセス
   2. 管理者アカウントでログイン
   3. ウィザードに従い、アップデートを実行
   4. 完了後、ダッシュボードが表示され、アップデート完了
8. WEBページ表示トラブル
   • 上記作業直後のWEBページはスタイルが何も適用されていない状態だったため、ダッシュボードより[デザイン]-[スタイル]から適当なスタイルを適用するものの、正しく反映されない(一部のスタイルは適用されるが、タイトルやカラムが正常表示されない)。
   • 前回の3.32から4.1へのアップグレード時の対処をそのまま、実行してみる
     1. [デザイン]-[テンプレート]を表示
     2. 右ペインの[ブログのテンプレートを初期化]をクリック
     3. [新しいテンプレートセットを適用]-[既定のブログ]を選択し[次へ]
     4. 指示に従い、初期化を実行
     5. 全てのページを再構築
     6. 直前に選択していたテンプレートセットが正しく適用された
   • 今回は、上記作業でも改善されなかった。そこで再度適当なスタイルを適用したところ、正常表示に戻った(上記作業は不要だったかもしれません)。

参考

Movable Type 4.2 へのアップグレードには「不要になるプラグインの削除・無効化」の記載があるのですが、アップグレード･ウィザードで勝手に行ってくれているようです。

画像の拡大表示JavaScriptであるThickBox 3.1を当ブログに設置しました。

参照

• ThickBox 3.1
• Movable Type備忘録 > jQueryでLightbox風な表示やってみる(ThickBox)

設置方法

ファイルのダウンロード

ThickBox 3.1から下記ファイルをダウンロード

• thickbox.js(お好みでthickbox-compressd.jsをダウンロード・リネーム)
• thickbox.css
• loadingAnimation.gif
• jquery.js(jquery-latest.jsをリネーム.お好みでjquery-latest.pack.jsをダウンロード・リネーム)

ディレクトリ構成を決定

Movable Type備忘録のbizbell氏に習い、下図の構成に決定。

thickbox.jsの編集

ディレクトリ構成を元に、[tb_pathToImage]のパス指定を編集(絶対参照で指定してしまいました)。

ファイルのアップロード

ディレクトリ構成に従い、4ファイルをアップロード

テンプレートの編集

Movable Typeの管理画面より[ヘッダー・テンプレート]のhtml要素内に下記項目を追加して保存。

<link rel="stylesheet" href="<$MTBlogURL$>js/jquery/plugins/css/thickbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="<$MTBlogURL$>js/jquery/jquery.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>js/jquery/plugins/thickbox.js">

投稿記事での使い方

画像が1ファイルの場合

<a href="filePath/fileName.png" class="thickbox" title="sample01"><img src="filePath/thumbnailfileName.png" alt="" /></a>

class属性の指定で、thickboxが機能します。title属性の値が画像のキャプションになります。

画像が複数ファイルの場合

<a href="filePath/fileName.png" rel="sample" class="thickbox" title="sample01"><img src="filePath/thumbnailFileName.png" alt="" /></a>

class属性の指定に加え、rel属性を追加します。同じrel属性が指定されているa要素は同じグループ扱いになります。

サンプル

Movable Typeではファイルのアップロード先が特に指定されていません。

[ファイルのアップロード]を開くと、アップロード先は...

1. [<サイトパス>]/[任意のサブディレクトリ（デフォルトは空欄）]
2. [<サイトパス>/操作日名ディレクトリ(例:2008/06/03)]/[任意のサブディレクトリ（デフォルトは空欄）]

の2つの指定が可能となっています。

[A]は毎回指定するのは面倒ですし(フォームのオートコレクト機能を利用する手もありますが)、[B]も多数のディレクトリが作成されてしまうので好みではないし...

そこで、WEB検索してみると、多くのMovable Typeユーザーの方が、不便に感じているようで、いろいろ対策をとっていらっしゃいました。今回、私は下記トモゾウ氏のスクリプトを拝借しました。

参照: 似顔絵系ブログ TOMO-ZONE > Movable Type 4.1にバージョンアップメモ

先ず、アップロード先のルールを決め...

• サイトパス/uploads/西暦年/月(例:サイトパス/uploads/2008/06 )

としました。

続いて、トモゾウ氏の記事を参照し、[アプリケーションディレクトリ/tmpl/cms/include/asset_upload.tmpl」]を修正してアップロードしましたが、うまくいかず。

JavaScriptを見ていて、formのidが[upload]ではなく[upload-form]ではと思い、JavaScript内のform指定箇所を修正しましたが、改善せず。

最終的に[upload]を[form[0]]に変更することによって、成功しました。原因が判ったわけではないのですが、結果オーライです。

CSS HappyLifeのhirasawa氏提供のtagAssistプラグインを導入しました。

謝々: tagAssistプラグイン - MTのエントリーをちょっと便利にしちゃうの

導入方法

1. 上記リンクより、tagAssistアーカイブファイルをダウンロード
2. 同ファイルを解凍
3. 解凍したフォルダ内の[mt-static/plugins/]フォルダ下の[tagAssist]フォルダを、スタティックディレクトリ下の[plugins]ディレクトリへアップロード
4. 解凍したフォルダ内の[plugins]フォルダ下の[tagAssist]フォルダを、アプリケーションディレクトリ下の[plugins]ディレクトリへアップロード
5. ダッシュボードの[設定-プラグイン]にてtagAssis0.1.6が表示されていることを確認

遅まきながら、Movable Type 3.32から4.1へアップグレードしてみました。

参照: Movable Type 3 からのアップグレード

1. バックアップ
   1. FTPクライアントソフトを使って、全データをダウンロード
   2. MySQLデータファイルをレンタルサーバー提供のphpMyAdminからバックアップ
   3. Movable Typeのダッシュボードからエクスポート
2. 旧バージョンファイルの削除
   • アプリケーションディレクトリを削除
   • スタティックディレクトリを削除
   • ブログディレクトリは削除しない
3. 新バージョンファイルのアップロード
   • 解凍ファイルの[mt-static]フォルダをスタティックディレクトリへアップロード
   • 解凍ファイルの[mt-static]フォルダ以外をすべてアプリケーションディレクトリへアップロード
4. パーミッションの変更
   • アプリケーションディレクトリ直下の全てのcgiファイルのパーミッションを755へ変更
5. mt-config.cgiの編集
   • バックアップしておいた3.32のmt-config.cgiに下記行を追加
     • AltTemplate feed results_feed.tmpl
6. mt-config.cgiのアップロード
   1. アプリケーションディレクトリへ上記編集を加えたmt-config.cgiをアップロード
   2. 同ファイルのパーミッションを755へ変更
7. mt.cgiを実行してアップグレード
   1. アプリケーションディレクトリのmt.cgiにアクセス
   2. 管理者アカウントでログイン
   3. ウィザードに従い、アップデートを実行
   4. 完了後、ダッシュボードが表示され、アップデート完了
8. WEBページ表示トラブル
   • 上記作業直後のWEBページはスタイルが何も適用されていない状態だったため、ダッシュボードより[デザイン]-[スタイル]から適当なスタイルを適用するものの、正しく反映されない(一部のスタイルは適用されるが、タイトルやカラムが正常表示されない)。
   • 下記作業を実行後、正常表示となった
     1. [デザイン]-[テンプレート]を表示
     2. 右ペインの[ブログのテンプレートを初期化]をクリック
     3. [新しいテンプレートセットを適用]-[既定のブログ]を選択し[次へ]
     4. 指示に従い、初期化を実行
     5. 全てのページを再構築
     6. 直前に選択していたテンプレートセットが正しく適用された

設定を試みようと、[StyleCatcherを起動]を実行したところ、[404 Error]。 原因は[stylecatcher.cgi]のパーミッションを[755]に変更していなかったからでした。 後は、Movable Type 3.3 マニュアル > StyleCatcherに従い、作業を進めて成功。

fuku-chang.netをリビルドし、最新のMovable Type 3.32-jaを導入しました。