2013年8月8日カテゴリー:未分類

EC-CUBEレスポンシブWebデザイン:HTML5に変更、viewportの指定

レスポンシブWebデザインをHTML5+CSS3で制作するための設定を行います。
また、各ディバイスにおいて閲覧するサイトをどれくらいの大きさで表示するかを指定するための、viewportの設定を行います。

 DOCTYPE宣言 → 
 meta要素のcharset属性 → ③ viewportの指定 → 

(1)■data/Smarty/templates/default/site_frame.tpl の冒頭を下記のように変更します。

[php]






[/php]


(2)カラム構成を2カラムに変更します。

を、id=”container”の上に置きます。
を横に並べます。ここが2カラムで表示されます。
を、

[/php]

▼デモサイト
http://www.kaiplus.com/responsive/2125/

▼購入
http://www.kaiplus.com/download/