StarBrother

MovableType4で携帯サイトを作る方法

| Comment [0] | Trackback [0]

MovableTypeを使って、携帯用サイトを作る方法は幾つかありますが、今回私がとった方法は、静的ファイル(html)方式でページを生成させるものです。

最初、つまりMT3の頃から行った方法は、「MT4i」というスクリプトを使う方法でしたが、動的ファイルを作る方法なのでSEO上難があること、また今はどうなのか不明ですがセキュリティホールがあったことなどで問題があり1回やってみたもののすぐにやめてしまったことがあります。

今回の方法は、金持ちサラリーマンへの道の作者氏が作ったテンプレートを利用するもので、現在利用しているパソコン用サイトをそのまま携帯サイトにするもっとも単純なものです。ブログを更新すると自動的にパソコン用/携帯用サイトが生成されるので、面倒な手間もいりません。

手順は、WEB2Labo内で公開されていますが、その要点などを書くこととします。これを使って作った携帯版サイトは以下の通りです。

http://www.starbrother.net/m/※現在公開は停止しています。

WEB2Labo様のサイトでは携帯サイトは直接PCからアクセスできないようにしてある(つまり携帯電話以外からは見れない)ようになっていますが、まっきいの作った例ではPCからそのまま見れるようになっています(というか、携帯からでしか見れないようにする方法が分からないだけ)。

1.プラグインのインストール

必要なプラグインは以下の通りですので、あらかじめインストールしておいてください。

zenkana:全角を半角に変換する。
/plugin/zenkana.pl

MT-I18N:文字コードを変換。文字数カウントで使用するものと同じプラグイン。
/plugins/MT-I18N/mt-i18n.pl

MT Regex Plugin:正規表現を使えるようになる。解凍してできたファイルのうちの3個を以下のように転送する。
regex.pl → /plugins/regex.pl
regex.pm →/extlib/bradchoate/regex.pm
postproc.pm →/extlib/bradchoate/postproc.pm
※bradchoateフォルダは、デフォルトでは存在しないので、FFFTPなどで作ってください。

PreviousNextInCategory.pl:前後エントリへのリンクを生成できる。
/plugins/PreviousNextInCategory/PreviousNextInCategory.pl

2.画像変換スクリプト

Imageresize4keitaiを利用して、携帯用サイトで表示する画像ファイルの大きさを調整します。インストール方法は、配布元の方法で行えば良いが、Net_UserAgent_Mobileの設置方法が今ひとつよく分からなかったので、今回はこれは使わない方法で行いました。

解凍してできるimageresize.phpの設定例です。

//PEAR::Net_UserAgent_Mobile 1=Yes 2=No
$NUM=='2';

デフォルトでは1になっていますが、使わない方法で行うので、2にします。

$mysitedomain='www.starbrother.net';

設定したドメイン内でのみ利用できるようにします。

設定したら、公開するドメインのディレクトリ内にimageresize.phpを転送します。同時に、imagecacheというフォルダを作り、777に属性を変更します。

3.テンプレートの作成

配布元から、MT4keitai-090508.zipをダウンロードし、解凍して、MT4用のものを使用します。euc-jp版とutf-8版があります。現在のMT4はutf-8でインストールされていますから、utf-8版を利用しますが、euc-jpでインストールされている場合は、euc-jp版の方を使います。

先に、テンプレートモジュールを作成してから、インデックス/アーカイブテンプレートを作成します。

3-1.テンプレートモジュール

adsense:各自アカウントの携帯用アドセンスタグを貼り付ける。まだ利用していない場合はとりあえず空欄のままで作成する。

foot_m:解凍してできたファイルの中身をそのまま貼り付け、作成する。

3-2.インデックス

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

3-3.アーカイブテンプレート

テンプレート名 種類 パス
携帯ウェブページ ウェブ m/web_<$mt:PageID$>.html
携帯ブログ記事 ブログ m/<$MTEntryID$>.html
携帯カテゴリ別ブログ記事リスト カテゴリ m/cat_<$MTCategoryID$>.html
携帯月別ブログ記事リスト 月別 m/%y_%m.html

4.ブログの再構築

全てのテンプレートの再構築を行います。再構築が完了すると、/m/フォルダができ、携帯用サイトが生成されたことが確認できます。

この方法は、PC用サイトをそのまま携帯用サイトにするためのもので、出力形式もhtml形式ですから、SEO上も良いとされます。なお、この携帯サイトは、パソコン上からも確認できますから、iモード対応携帯電話を持っていない人でも、問題なく実現できます。

ここで書いた方法は、単純にPCサイトを携帯サイトにする方法で、貼り付けているアフィリエイト広告が携帯に対応していない場合は少しばかり問題があります。この対応法については、いずれ取り上げたいと思います。

トラックバックURL

このエントリーのトラックバックURL:
http://makky.s32.coreserver.jp/mt5/mt-tb.cgi/568

コメントする