1カラムデザインデモページ

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

1カラムへの変更方法

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

コンテンツ幅は910pxです。

画像をクリックするとLightboxが起動します。

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

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

H2見出し

H3見出し

H4見出し

文字色など変更できます

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

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

文字配置位置変更

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

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

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

ボックス

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

引用ボックスです。

Yahoo! JAPAN

リスト

• 順番なしリストです
• 順番なしリストです
• 順番なしリストです

1. 順番付きリストです
2. 順番付きリストです
3. 順番付きリストです

見出し１

レスポンシブ定義リストです

見出し２

PCとスマホで表示が切り替わります

よくある質問に使えるリストです

答え1

質問2

答え2

質問3

答え3

会話風吹き出し