スマホサイト作りました

2014年01月07日 | その他 | 0 comment

スマホ専用サイト

CX-5 Blogのスマホ専用サイトを作ってみました。
俺はガラケーを使い続けてるガラパゴスの住人なんですが、俺が運営してるサイトをアクセス解析をすると、iPhoneとAndroidのユーザーの合計が全体の36%にもなると言う事実がありまして、こりゃーほっとけ無いなとね。

SPONSORED LINK

スマホの小さい画面でもPCサイトが見れない事は無いんでしょうが、全体的に縮小されて表示されるので非常に見づらい。
これではせっかく訪れてきてくれたユーザーさんが直帰しちゃうんじゃないかなと思い一念発起しました(大袈裟)。

このブログはwordpressで作っているのですが、最初はプラグインを使ってスマホに対応させていました。
しかし、俺は運営サイト全てを自分でイチから作成しているので、どーにも気持ち的にスッキリしないでいたんです。

any mobile theme

そこで一念発起し、スマホ専用の可変デザイン(横幅が固定されていない)のテンプレートを作成。
「Any Mobile Theme」と言うユーザーが閲覧しているデバイスによってテンプレートを変更するプラグインを使用し、iPhoneとAndroid端末で閲覧した時のみ、スマホ専用可変デザインで表示されるようにしました。

今ん所、俺のiPod Touch(iOS5)のSafariとChromeでしか確認してないけど、他のスマホでご覧の皆様はどーでしょうか?
デザインが崩れていたり、パソコン用デザインで表示されていたりしてないでしょうか?

ちなみにモバイル用可変デザインで表示されるのはiPhoneとAndroidだけで、iPadなどのタブレット端末ではパソコン用デザインで表示されるはずです。
スマホに限らず、デザイン崩れなどの異常があったら教えて下さいな。

スマホ専用テンプレートはまだ未完です。
カテゴリー一覧と月別アーカイブも未設置だし、ページャーもテキストリンクじゃなく自動読み込みにしたいんです。
でも、俺の知識不足&参考資料不足でにっちもさっちも行かない感じなので公開しちゃいました。
これからもチョクチョク弄っていくので、一時的に表示がおかしい時は「何かやってるんだな」と思ってくださいな。

と言う訳で、これからもCX-5 BLOGをよろしくです。

SPONSORED LINK

関連記事
コメントさんきゅ
コメントはまだありません...(つд・)エーン
コメントどーぞ

その他のサイト

最新の投稿

10月06日23時30分
YOKOHAMAのGEOLANDAR SUVを買いました (2)
05月11日23時55分
タイヤのヒビ (2)
03月12日23時22分
春風を利用して車内清掃 (0)
02月09日01時22分
強風でドアパンチ! (0)
01月14日23時48分
冬道の汚れは泥だけじゃない (0)

最近のコメント

カテゴリー

月別アーカイブ

ブログ内検索