●Movabletypeで携帯サイト作成MT4keitai[090508]

MovabletypeでPCページと同時に携帯サイト用のページを吐き出します。以前紹介した方法を改良し、新たに「MT4keitai」と命名して公開することにしました。

※バージョンアップ版[090508]です。

●バージョンアップ履歴
[090508]
・MT4.x版にウェブページ表示機能を追加
・画像圧縮スクリプトの画像幅をMAX300pxに(スパム対応)

1)携帯サイト用テンプレートを追加
まず、携帯サイト用テンプレートファイル「MT4keitai-090508.zip」をダウンロードします。

テンプレートは「MT3.x版」「MT4.x版」の各々に、「euc-jp版」「utf-8版」があります。ご自分のブログの文字コードに合わせて選択してください。

管理画面から、携帯サイト用のテンプレートを追加します。テンプレートの設定は下記のとおり。

【MT3.x】
テンプレート⇒インデックス

テンプレート名出力ファイル名
携帯・メインページm/index.html
携帯・月別ページm/month.html

« 画像 »

テンプレート⇒アーカイブ

テンプレート名
携帯・エントリー・アーカイブ
携帯・カテゴリー・アーカイブ
携帯・日付アーカイブ

« 画像 »

テンプレート⇒モジュール

テンプレート名
adsense
foot_m

« 画像 »

【MT4.x】
デザイン⇒テンプレート⇒インデックステンプレートを作成

テンプレート名出力ファイル名
携帯 メインページm/index.html
携帯 月別ページm/month.html

« 画像 »

デザイン⇒テンプレート⇒アーカイブテンプレートを作成: (ブログ記事,ブログ記事リスト,ウェブページ)

テンプレート名
携帯 カテゴリ別ブログ記事リスト
携帯 ブログ記事
携帯 月別ブログ記事リスト
携帯 ウェブページ

« 画像 »

デザイン⇒テンプレート⇒テンプレートモジュールを作成

テンプレート名
adsense
foot_m

« 画像 »

2)マッピングを新規作成
携帯サイト用のページを生成するための、マッピングを追加します。

【MT3.x】
設定⇒公開⇒アーカイブ・マッピング(詳細モードに切り替え)より、マッピングを下記設定の通りに新規作成する

アーカイブの種類テンプレート出力フォーマット
エントリー携帯・エントリー・アーカイブカスタマイズする⇒m/<$MTEntryID$>.html
カテゴリー携帯・カテゴリー・アーカイブカスタマイズする⇒m/cat_<$MTCategoryID$>.html
月別携帯・日付アーカイブカスタマイズする⇒m/%y_%m.html

« 画像 »

【MT4.x】
追加したテンプレートの各ページにて、テンプレートの設定⇒新しいアーカイブマッピングを作成で、マッピングを下記設定の通りに新規作成する。

アーカイブの種類
テンプレート出力フォーマット
携帯 ブログ記事ブログ記事カスタム⇒m/<$MTEntryID$>.html
携帯 カテゴリ別ブログ記事リストカテゴリカスタム⇒m/cat_<$MTCategoryID$>.html
携帯 月別ブログ記事リスト月別カスタム⇒m/%y_%m.html
携帯 ウェブページウェブページカスタム⇒m/web_<$mt:PageID$>.html

« 画像 »

« 画像 »

« 画像 »

« 画像 »


3)プラグインを追加
下記プラグインを全て追加(mtフォルダ > pluginフォルダにアップロード)

zenkana
全角を半角に変換

MT-I18N
文字コードを変換

MT Regex Plugin
正規表現を使えるようになる。インストールの詳しい方法はこちらを参考に

PreviousNextInCategory.pl
前後エントリへのリンクを生成できる。 リンク先は代替プラグイン
※本家本元のプラグインは、エントリー数が増えると再構築が重くなるため、上記代替品を利用する。

4)画像変換スクリプト設置

携帯サイト用画像リサイズスクリプト Imageresize4keitaiをご覧ください。

5)再構築
元サイトの配下に「m/」のディレクトリがができ、その中身がモバイルサイトとなる。
元サイトが「http://www.sample.com/」であれば、モバイルサイトは、「http://www.sample.com/m/」となる。

6)カスタマイズ
PCサイトと同様に、テンプレートを編集すればデザインのカスタマイズが可能。

知っておくと便利なTipsはこちら。
PCページからのリダイレクト方法

携帯用アドセンス表示


«   »

●カテゴリ

Web2.0的アフィリエイトラボ