MovableTypeでPCサイト・携帯サイト複数同時運営開始：MT4keitaiを利用

MT4keitaiを使ってPCサイトをモバイル化

まず、今回のモバイルサイト作成は、すでに、MovableTypeで作成したPCサイトを携帯サイト化するものです。

すでに、レンタルサーバを借りて、MovableTypeを利用して、PCサイトを運営しているということを前提に記事を書いていきます。

ちなみに、管理人が使っているのは、サクラインターネットのレンタルサーバのスタンダードプランとプレミアムプランです。

今回の、モバイルサイト化は、かん吉さんが運営しているWEB2.0 LABOで公開されている、MT4keitaiを利用します。

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

モバイル用テンプレートのダウンロード

こちらのページに、MovableTypeのPCサイトをモバイル化できる、テンプレートと設定方法が解説されていますので、まずは、これに従って、モバイル用のテンプレートセット「MT4keitai-090508.zip」をダウンロードし、MTの管理画面で、テンプレートを設定します。

携帯サイト用プラグインの追加

そして、プラグインも追加しましょう。特に、MT Regex Pluginは、今後のカスタマイズでもよく使いますので、ダウンロード必須です。

アーカイブマッピングの変更

さて、ここからは、管理人独自のカスタマイズです。

まずは、アーカイブマッピングをPCサイトも携帯サイトも変更します。

これは、PC側のマッピングも変更しますので、今までの運営してきたリンクが無駄になる可能性が大きいです。

転送もありだと思いますが、検索での順位が下がったり、不利益があるかもしれませんので、そのあたりよく現状を考えて、自己責任でお願いします。

URL変えたら、順位下がったよ、と言われても、責任とれません、悪しからず。

逆に、これから、サイトを作る時は、そういうことを考えないですむと思います。

また、無理にこのとおりにしなくても、自分の元のPCサイトのURLを変えずに済むように、カスタマイズするのもありだと思います。

変更後のアーカイブマッピング

なお、コピペする場合は、＜＞を半角に修正してください。

ウェブページ folder-path/page-basename.shtml
携帯ウェブページ m/＜$mt:folderPath$＞/＜$mt:pagebasename separator="-"$＞.shtml

カテゴリ別ブログ記事リスト ＜$mt:CategoryBasename$＞/%i
携帯カテゴリ別ブログ記事リスト m/＜$mt:CategoryBasename$＞/index.shtml

ブログ記事 %y/%m/%y%m%d%h%n.shtml
携帯ブログ記事 m/%y/%m/%y%m%d%h%n.shtml

携帯月別ブログ記事リスト m/%y/%m/index.shtml
月別ブログ記事リスト yyyy/mm/index.shtml

以上の変更により、たとえば、2009年6月25日17時18分に投稿したブログ記事で、カテゴリが「おとりよせ」、フォルダ名が「otoriyose」の場合、それぞれのURLは、（例：ドメイン：http://www.kodomoto.jp/）

PCカテゴリ　http://www.kodomoto.jp/otoriyose/
携帯カテゴリ　http://www.kodomoto.jp/m/otoriyose/

ブログ記事　　　http://www.kodomoto.jp/2009/06/200906251718.shtml
携帯ブログ記事　http://www.kodomoto.jp/m/2009/06/200906251718.shtml

月別ブログ記事リスト　http://www.kodomoto.jp/2009/06/
携帯ブログ記事リスト　http://www.kodomoto.jp/m/2009/06/

アーカイブマッピング変更時注意事項：カテゴリ

カテゴリで、サブカテゴリを作っている場合は、

＜$mt:CategoryBasename$＞/%i

だと、うまくいかないので、各自カスタマイズしてください。

PCと携帯のアドレスをほぼ同じにする意味

ご覧いただければわかるように、PCと携帯アドレスの差は、「m」のみです。

PCサイトの直下に「m」フォルダを作成し、その中に、PCとそっくり同じ構造で、携帯サイトを構築します。

ポイントは、ブログ記事のURLを、日付ベースにすることです。

なぜかというと、一つのサイトの管理画面内で、二重にマッピングするので、後から付け加えた、モバイルサイトのURLは、MTタグを駆使して、表現しなくては、なりません。

PC記事内のサイト内リンクをMTRegexPluginを使って、自動的に、モバイル記事のリンクに変換する際に、カテゴリ名を含んだモバイル用のブログ記事URLは、いろいろ考えましたが、結局表現方法を見つけられませんでした。

日付ベースなら、MTタグを使って、簡単に表現できます。

この方法は、のちほど記事にします。

shtmlにする意味

こどもと.jp本体がshtmlというのもありますが、のちのち、モバイル用のGoogleAdsenseを表示させるために、shtmlにしています。

htmlでも表示できるのか、phpでどうなのか、というのもあると思いますが、そのあたりはちょっとよくわかりません。

試行錯誤の末、shtmlに落ち着きました。

GoogleAdsenseの設置方法についても、後ほど記事にします。

ちなみに、さくらインターネットは、特に.htaccessを設定しなくても、ファイルの拡張子を.shtmlにするだけで、SSIを使えるようです。