デザインコンポーネント

デザインコンポーネントを使うとモバイルファーストなWebサイトをすぐ構築できます。

デザインコンポーネントの利用方法

インストール手順

デザインコンポーネントを利用するには、GCMF.jsに同梱されたmfc-base.cssおよびmfc-layout.cssの読み込みが必要です。

  1. GCMF.jsのダウンロード ZIP を開き、 /design-components ディレクトリに含まれているmfc-base.cssおよびmfc-layout.cssiconsディレクトリをコピーします。
  2. <link> タグを追加し、mfc-base.css および mfc-layout.css への参照を追加します。
<link rel="stylesheet" href="/gcmf/mfc-1.2.0/mfc-base.css">   <!-- タグに対しての基本スタイルを定義したファイル -->
<link rel="stylesheet" href="/gcmf/mfc-1.2.0/mfc-layout.css">   <!-- 各コンポーネントで使用するスタイルを記述したファイル -->

デザインコンポーネントの利用方法

各デザインコンポーネントページ内のソースコードである HTML を利用するページにコピーし、ご利用ください。

デザインコンポーネントについて