TopMovable Typeテーマ > 2011年12月
2011年12月29日

Movable Typeのテーマ機能を使ってブログ記事・ウェブページを移行する

Movable Typeのテーマ機能を使ってブログ記事・ウェブページを移行する方法を紹介します。ここでは開発環境のブログから本番環境のブログに移行することを想定します。

1.データ移行イメージ

データ移行手順を図に示します。

データ移行イメージ

①アイテムとカスタムフィールドをテーマとしてエクスポート
②ブログ記事をテーマとしてエクスポート
③アイテムとカスタムフィールドのテーマをインポート
④ブログ記事のテーマをインポート

すべてのデータを1つのテーマとしてエクスポートすることもできますが、アイテムとカスタムフィールドをブログ記事より先に登録する必要があるため、2つのテーマに分けています。

2.利用するプラグイン

以下のプラグインを事前にインストールしてください。

3.移行するデータ

  • ブログ記事またはウェブページ(画像のカスタムフィールドあり)
  • アイテム
  • カスタムフィールド

以下、ブログ記事を移行する手順を解説します。ウェブページの場合は「ブログ記事」の部分を「ウェブページ」に読み替えてください。

4.移行手順①②(開発環境からのエクスポート)

まず、アイテムとカスタムフィールドをエクスポートします。移行したいデータがあるブログ管理画面の「ツール」→「テーマのエクスポート」をクリック。

ブログ管理画面

次の画面で、任意の名前・出力ファイル名を設定します。ここでは名前を「アイテムとカスタムフィールド」、ファイル名を「test1」とします。

テーマのエクスポート

オプションの「アイテム」と「カスタムフィールド」をチェックし、出力形式を選択して「テーマのエクスポート」をクリック。出力形式は同一サーバ内(=同一MT内)での移行であれば「テーマディレクトリへのインストール」、そうでない場合は「zip形式アーカイブでダウンロード」を選択してください。

オプション

エクスポートするデータを絞りたい場合は「アイテム」または「カスタムフィールド」の「詳細」リンクをクリックして、選択画面を表示します。デフォルトは全選択状態になっています。

詳細

続いて、ブログ記事をエクスポートします。テーマのエクスポート画面で、先程と異なる名前・出力ファイル名を設定します。ここでは名前を「ブログ記事」、ファイル名を「test2」とします。

テーマのエクスポート画面

オプションの「ブログ記事」をチェックし、出力形式を選択して「テーマのエクスポート」をクリック。

オプション

ブログ記事についても、エクスポートするデータを絞りたい場合は「ブログ記事」の「詳細」リンクをクリックして、選択画面を表示します。デフォルトは全選択状態になっています。

5.移行手順③④(本番環境へのインポート)

インポート先がエクスポートしたサーバと同一でない場合、zipファイルを展開して、中にあるフォルダ(4項で設定した名前のフォルダ)をインポート先のthemesディレクトリにまるごとアップロードします。

続いてインポートしたいブログの管理画面の「デザイン」→「テーマ」をクリック。

ブログの管理画面

まず、「アイテムとカスタムフィールド」テーマの「適用」をクリックします。

テーマ一覧

続いて「ブログ記事」テーマの「適用」をクリックします。

テーマ一覧

これで再構築すれば本番環境への移行は完了です。以降は後処理なので不要な場合は作業をスキップしてください。

6.テーマの削除

テーマを誤って再適用しないよう、アップロードしたテーマをthemesディレクトリから削除します。管理画面から削除行えないのでFTPツール等で削除してください。

削除すると現在適用しているテーマがない状態になりますが、問題なく動作すると思います。

7.バックアップテンプレートの削除

適用前のテーマにテンプレートが含まれている場合、バックアップテンプレートとして保存されています(運用中のテンプレートはなくなりません)。バックアップされたテンプレートが不要であれば、削除できます。

バックアップを削除したい場合、「デザイン」→「テンプレート」をクリックして、テンプレート一覧画面の右側にある「ショートカット」の「バックアップされたテンプレート」をクリック。

テンプレート一覧画面

不要なテンプレートをチェックして「削除」をクリック。

バックアップテンプレート一覧画面

以上です。

Comments [0] | Trackbacks [0]
2011年12月17日

Movable Typeテーマ「フォトログ」バージョンアップ

December 17,2011 1:11 AM
Tag:[, , ]
Permalink

当ブログで配布中のMovable Typeテーマ「フォトログ」をバージョンアップしました。

「フォトログ」テーマ(クリックすればサンプルページにジャンプします)
Movable Type フォトログテーマ

「フォトログ」は写真投稿用ブログ専用テーマで、jQueryとjQuery lightBoxプラグインで画像表示や画像拡大を行います。

1.変更点

画像拡大時の幅および高さを制限できるようにしました。

制限前の画像拡大時の表示
jQuery lightBox plugin

制限後の画像拡大時の表示
jQuery lightBox plugin

最大幅・高さを変更するには、「メインページ」インデックステンプレートと「ブログ記事」アーカイブテンプレート(下)の赤色部分の値を変更してください。

テンプレート

デフォルト「0」は元画像をそのまま表示します。幅だけで制限したい場合は「幅」の値のみ変更してください。幅・高さを両方指定したときの動作は次のようになります。

  • 画像の幅が指定した最大幅を超えている場合:指定幅で拡大
  • 画像の幅が指定した最大幅を超えていない場合:画像の高さが指定した最大の高さを越えていれば指定の高さで拡大、超えていなければ元画像のサイズで拡大

この変更は「jQuery lightBoxプラグインで拡大画像の幅・高さを制限する方法」を組み込んだものです。

2.ダウンロード

「フォトログ」テーマは以下のリンク先からダウンロードできます。

Movable Type フォトログテーマ
Comments [0] | Trackbacks [0]
Now loading...
ギターに入った猫
掲載広告募集
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

AMN
Categories
Monthly Archives
2020年
2019年
2018年
2017年
2016年
2015年
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
2005年
2004年
2003年
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
Powered by
Movable Type 6.0.3