スマートフォン対応、はじめました。

前々から「何とかしないといけないなー」と思いつつ、時間なくてずっと放置してた。
実家かえってやることもないし、せっかくなので対応しましたよー。
やはりいつまでも放置するのもよくないしね。
まぁ、これも時代の流れということで。
これで終わってもあれだし、ちょっと何使ったかとか諸々書いておこうと思います。

もちろん自分で
フォルダつくって、
PC版をコピペして、
スマホ用にデザイン変えて、
ってやってもいいんでしょうけど、私にゃ正直きついです。
めんどくさすぎる!

で、そのあたりをやってくれるのを探したら、案外見つかるモンですね。
自分MovableType使ってるんですけど、MovableType公式のスマホ用オプションもありました。
が、自分が使ったのはなんで公式のやつをつかわなかったのか。
それは、ダイナミックパブリッシングの設定がうまくいかなかったから。
いやぁ、あれなんなんだろうね。
ぜんっぜんうまくいかないでやんの。
見た感じ、どうもPHPの挙動がおかしいんじゃないかと思ったけど、原因特定とまではいかず。
あきらめて、別のやつを使うことにしました。
CSS HappyLifeさん作成によるものです。
こっちはダイナミックパブリッシングは使わずに、端末情報で判断して選択させる方法です。
これならjavaスクリプトだけだったんで、お手軽。
しかも、最初からスマホ用のデザインが用意されているという、至れり尽くせり!
ダウンロードは以下のリンクから。

【Retinaディスプレイ対応】
Smart Phone テンプレート for MT
おまけも付いてくるよ。

このプラグインを使うには、これとは別に2つほどプラグインを入れなきゃいけないようです。
PageButeSort Categories And Folders
PageButeの方はpluginフォルダに入れるだけだから特に問題ないけど、Sort Categories And Foldersはちょっと面倒。
タグを書き換える作業が、見落としたらどうしようかと不安で不安で。
編集画面にタグリファレンスがあるから大丈夫のハズなんだけどねー。
(全部書き終わって気づいた。Sort Categories And Foldersは、最新版のSmart Phone テンプレート for MTを使う場合は不要!なんてことだ!orz)
それが終わったら、Smart Phone テンプレート for MTのインストール。
コピペしまくれ!
ちゃんとできたら、いつものアドレスに「/i/」をつけたら幸せになれますよー。
自分はこれの元からあったデザインをPC版に合わせて色を変えたり表示する画像を変えたりしました。
やっぱり人が書いたテキストっていうのは読むの大変だね、半日つぶれたよ。。。
・・・ちょっと時間かかり過ぎか。。。

というわけで、とりあえずというか、しばらくはこれで行こうかと思います。
ダイナミックパブリッシング・・・いつかはやらなきゃだろうなぁ。。。


◇今日のお品◇

基本からしっかりわかるMovable Type 5 (Web Designing BOOKS)

ダイナミックパブリッシングもうまく扱えない自分はこれでも読んで勉強しろー!
なんなんだろうねー。
これよりもPHPの本読んだ方がいいかしら。
どうなのかしら。
まぁ、また改めて考えよう。。。

  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存

『スマートフォン対応、はじめました。』へのコメント

  1. 名前:しか 投稿日:2012/03/31(土) at 00:29:22 ID:307283c46 返信

    スマホからコメントできるかテスト中。
    strongリンクの確認もですよ。
    自分でやってわかったけど、エラーの宝庫ですな。。。
    これはひどい…。