ant2のレスポンシブデザインをご紹介

2017.06.21

デザインテンプレート

最近のWebサイトは、PC、タブレット、スマートフォンなど、マルチデバイスへの対応が必要となってきております。
ブラウザのスクリーンサイズを基準にCSSでレイアウトが調整されるレスポンシブデザインは、あらゆるデバイスに最適化したWebサイトを、単一のHTMLで実現することが可能となります。

Googleが今後導入予定のモバイルファーストインデックス（MFI）の観点からも、デバイスにとらわれずにユーザーにとって価値のある検索結果が得られることが重要とされております。
PCサイトとモバイルサイトが同じURLで提供されること、およびコンテンツについても差異なく情報提供されることが推奨されており、レスポンシブデザインで提供されるサイトでは、推奨する条件を満たしております。
モバイルファーストインデックスにつきましては、下記をぜひご確認ください。

→2016年12月21日「Googleモバイルファーストインデックス（MFI）に向けて」

今回は、CMS「ant2」の「レスポンシブデザイン」についてご紹介してまいります。

レスポンシブデザインテンプレートのご紹介

	responsive_type01	responsive_type02	responsive_type03

特徴	3種類のHTMLファイルを実装 [1カラム]top.htm、defult.htm [2カラム]column2.htm Bootstrapを採用 CSS3を採用	3種類のHTMLファイルを実装 [1カラム]top.htm、defult.htm [2カラム]column2.htm Bootstrapを採用 CSS3を採用	2種類のHTMLファイルを実装 [1カラム]defult.htm [2カラム]column2.htm Bootstrapを採用 CSS3を採用
カラー	black・blue・brown・orange・red	black・brown・gray・green・red	black・gold・green・red・white
EC対応	対応	未対応 ※EC関連するページ、パーツのデザインは未対応です。
詳細	詳細はこちら	詳細はこちら	詳細はこちら