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

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

1カラムへの変更方法

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

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

[属性]のテンプレートを1カラムに変更

[属性]のテンプレートを1カラムに変更

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

1-column-demo-page-01

hschmider / Pixabay

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

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

H2見出し

H3見出し

H4見出し

文字色など変更できます

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

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

文字配置位置変更

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

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

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

ボックス

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

引用ボックスです。

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

参考Yahoo! JAPAN

リスト

  • 順番なしリストです
  • 順番なしリストです
  • 順番なしリストです
  1. 順番付きリストです
  2. 順番付きリストです
  3. 順番付きリストです
見出し1
レスポンシブ定義リストです
見出し2
PCとスマホで表示が切り替わります
よくある質問に使えるリストです
答え1
質問2
答え2
質問3
答え3

会話風吹き出し

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

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

スズキ
会話吹き出しはショートコードに10個まで設定できます

右吹き出しも対応しています
ヤマカワ