2012/05/08

スマートフォンやiPadなどのタブレット型端末に対応したサイトを作成するには、ページ幅、段組レイアウトなどの面で、それなりの工夫が必要になりますが、それらを意識することなくスマートフォン、タブレット端末、一般PCブラウザによる閲覧に対応したサイトを簡単に作成する方法は、jQueryMobileなどのフレームワークを利用するのが便利です。

たとえばメニューを左側、コンテンツを右側に配置したページを作成したとします。

広いページ幅に対応した閲覧環境であれば問題ないのですが、スマートフォンなどページ幅に制限がある場合、横スクロールしなければならなかったり、支障が発生します。

jQueryMobileなどのフレームワークで作成したサイトなら、ページ幅が許せば左側にメニュー、右側にコンテンツを配置し、ページ幅に制限があるようならメニュー、コンテンツを縦に重なるようにレイアウトし、様々な閲覧環境にフレキシブルに対応できます。

スマートフォン利用者の増加傾向をみると、こういったサイト作成方法が、これから必須になってくることでしょう。

テーマローラーなどを利用すれば新たにCSSを作成することも容易で、短時間でご自分のオリジナルサイトを作成できることでしょう。

スマートフォン対応サイト作成についてでした。