すでに運営しているWordPressのブログを携帯に対応させて、そのほかに携帯用CMSを使って１サイト新規に作成。MovableTypeで携帯サイトを１つ作ってみた。このMovableTypeのサイトは先々パソコンにも対応させる予定なので、カテゴリーやコンテンツ内容はパソコンでも使えるように考えています。
いくつかサイトを作ってみて感じたことを書いてみます。
以前、携帯のサイトは表現できるサイズが限定されるので難しいと書いた。
240px(実質は230px)という幅をどう使うのか。
縦のスクロールはどこまで有効に見てもらえるのか。
文字サイズはどれくらいが妥当か。
パソコンのサイトとはまた違う難しさがあると感じます。
そんな中で、そこそこ続けてきたブログは、携帯から少しずつアクセスが入り始めてます。それも、さほどニッチなキーワードではなくメジャーなキーワードです。この辺は、やはり継続してきたサイトが強いという点では同じかもしれません。
今回の携帯対応で使ったのは・・・
WordPressの携帯対応は「Ktai Style」です。定番といえば定番のブラグインですが、これがなかなか使い勝手がいいし細かいところまで考えられている。携帯テーマの使い方を覚えれば最強のプラグインだと思います。
Ktai Style
これで携帯対応したブログがこちら。
ネット通販しま専科
ちょっと遊んだ感じですが、携帯サイトっぽいと思いませんか？
携帯用CMSは、携帯用ＣＭＳ工房のを使わせていただきました。
サイトへのリンクを外さなければ、無料で商用利用もできるというのはとてもありがたい。
これで作ったサイトがこちら。
姫系インテリアと姫系家具の通販情報室
これも携帯っぽい雰囲気だと思いませんか？
あくまでも雰囲気だけで、アクセスが入るかどうかは不明ですが・・・
そしてMovableTypeで作ったのがこちら。
トリンプ限定通販情報室
ここはあえてビジュアル性を意識して作ってみました。CSSでレイアウトしたのですが、携帯サイトの場合はテーブルレイアウトのほうがいいようです。サイトを表示するときにグニュグニュ動くのがイマイチ。
この辺は外部CSSにようやくDoCoMoが対応したので、今後は少し違う方向になるかもしれません。
ちなみに携帯対応はテンプレートにしました。
「ACCESS ART」さんが無料配布しているテンプレートをベースに、ゴリゴリ自分向けに変更を加えています。
ほとんど別物になったかもしれません。
もっとシンプルにMovableTypeのテンプレートを使うなら、かん吉2.0さんのテンプレートがおすすめです。
web2.0的ラボ
これからも携帯サイトは作るかもしれませんが、とりあえず今回はこの辺までですね。
