リファレンス - レイアウトオプションとは

レイアウトオプションを指定して、様々な表現を可能にします

レイアウトオプションとは

スマートフォン向けサイトをパソコン向けサイトにレイアウト変更するために指定するオプションです。

レイアウトオプションは、HTML の 要素に対して、class 属性として設定します。HTML に記載された設定をあとから変更する場合や、サイト共通設定やルール個別設定を追加する場合は、MFEdit を利用します。

レイアウトオプションの種類

  • サイト共通設定
  • ページ単位

HTML 上で制御できる要素

レイアウトオプションは、基本的に MFEdit を利用して設定しますが、以下の要素には、レイアウトを制御するためのレイアウトオプションを class 属性に指定できます。

  • <header>
  • <main>
  • <aside>
  • <footer>
  • <section>
  • <hr>

記入可能な場所

  1. HTML上に clsss 属性で class を指定します。
  2. MFEdit で編集するレイアウトオプションファイル (gcmf-config.js) に記載されます。

優先順位

MFセクションやMFセクショングループに対し、HTMLとレイアウトオプションファイルが存在する場合、レイアウトオプションファイルで指定されたオプションが優先されます。

  1. レイアウトオプションファイル
  2. HTML

詳細オプション

設定内容の説明など、より詳細な説明は各ページをご確認ください。