ホーム > Web制作,Webデザイン > MTにプラグインを導入してスマートフォンに対応してみました。(MT5でもいけた)
MTにプラグインを導入してスマートフォンに対応してみました。(MT5でもいけた)
このブログ、MovableTypeのスマホ対応をしようと思ったんだけど、ぼく自身がこのブログにそんなに手間かけてカスタマイズしている時間もなくて、とりあえず記事が読みやすくなればいいなと思って、手っ取り早くスマホの対応が出来るテンプレートを探してたんだけど、すごく素敵なモノを発見したのでご紹介。
MovableTypeをスマホ対応にさせる為の情報ってのも、結構ネット上に沢山あってどれも素敵だったんだけど、記事を読みやすくしたい程度なら、かなり簡単に導入できたOgawa::Buzzさんの「Templetsフレームワーク」が、ぼくにはぴったりでした。(正確にはテンプレートではなくて、プラグインをコアにしたフレームワーク)
このエントリーからプラグインをダウンロードさせてもらいました。感謝。
導入までのやり方。
必要なプラグインは「Templetsプラグイン（Templets-0.01.zip）」と「iPhoneTemplet（iPhoneTemplet-0.01.zip）」の二つです。
まずはhttp://blog.as-is.net/2008/08/pluggable-templets.htmlからコア機能を実装する為の「Templetsプラグイン」と黒野さんのiPhoneテンプレートfor MTをテンプレット(デザイン群)化した「iPhoneTemplet」をダウンロード。
解凍した「Templetsプラグイン」をプラグインのディレクトリ「/mt/plugins」にコピー。
続いて、解凍した「iPhoneTemplet」を 「/mt/plugins」と「/mt-static/plugins」にそれぞれをコピーします。
ブログ管理画面の「デザイン」→「テンプレート」と開くと「アクション」の欄に項目が増えて「テンプレットを追加」という選択ができるようになります。
こんな感じで「追加」するかと聞いてきますので、「追加」をクリック。
そうするとインデックステンプレートに「メインページ(iPhone用)」が追加。
アーカイブテンプレートに「ブログ記事（iPhone用）」が追加され、再構築するとMTを置いた「http://www.ナンチャラカンチャラ.jp/i/」といった具合に「i」というディレクトリが出来て、そこにスマホ用の記事が書き出されます。あとはApacheのmod_rewriteモジュールなどの設定で、スマホで閲覧しに来てくださった方にスマホ用の表示をしてあげればいいと思います。
かなりあっさり導入できたんだけど、結構感動。
本格的にカスタマイズするならCSSやクリエイティブを追加しなきゃナンだけど、ブログのような読みモノだと、コレで十分なのかな。まあ、ぼくは当分はコレでいきますよっと。
Posted by 相馬 : 2011年9月 1日
トラックバック
このエントリーのトラックバックURL:
http://www.somaclip.jp/mt-tb.cgi/65
