このページはHealerの1カラムデザインデモページです。

1カラムデザインは、トップページ以外の固定ページのみで利用可能です。

1カラムへの変更方法

1カラムにするには、編集ページの【固定ページの属性】から[テンプレート]を1カラムに変更します。

1-column-demo-page-02

コンテンツ幅は1000pxです。それより幅の短い画像は自動で中央に寄せられます。

1-column-demo-page-01

以下、クイックタグのデザイン表示例です。

クイックタグのデザイン表示例

H2見出し

H3見出し

H4見出し

文字色など変更できます

文字の色も簡単に変更できます。文字の色も簡単に変更できます。文字の色も簡単に変更できます。文字の色も簡単に変更できます。文字の色も簡単に変更できます。文字の色も簡単に変更できます。文字の色も簡単に変更できます。文字の色も簡単に変更できます。文字の色も簡単に変更できます。文字の色も簡単に変更できます。文字の色も簡単に変更できます。文字の色も簡単に変更できます。文字の色も簡単に変更できます。

文字背景も簡単に変更できます。文字色と背景色の同時変更も可能です。文字背景も簡単に変更できます。文字色と背景色の同時変更も可能です。文字背景も簡単に変更できます。文字色と背景色の同時変更も可能です。文字背景も簡単に変更できます。文字色と背景色の同時変更も可能です。文字背景も簡単に変更できます。文字色と背景色の同時変更も可能です。文字背景も簡単に変更できます。文字色と背景色の同時変更も可能です。

文字配置位置変更

配置位置も簡単に変更できます。これはセンター寄せです。

配置位置も簡単に変更できます。これは左寄せです。

配置位置も簡単に変更できます。これは右寄せです。

ボックス

独自クラスをタグに含めることでおしゃれな装飾を使うことができます。

引用ボックスです。

通常の黄色ボックスです
通常の赤色ボックスです
通常の灰色ボックスです
ポイントをここに記述します。
質問をここに記述します。
注意をここに記述します。

リスト

  • 順番なしリストです
  • 順番なしリストです
  • 順番なしリストです
  1. 順番付きリストです
  2. 順番付きリストです
  3. 順番付きリストです
見出し1
レスポンシブ定義リストです
見出し2
PCとスマホで表示が切り替わります
16/06/11
日付リストに便利な横並びリストです。
16/06/11
ボーダーで囲まれたリストです。
よくある質問に使えるリストです
答え1
質問2
答え2
質問3
答え3

会話風吹き出し

ヤマカワ
会話風吹き出しがワンクリックで表現できます

サトウ
お客さんとの会話を表現するときなどに便利です

スズキ
会話吹き出しは3つまで設定できます