【ブロック表示の確認用ページです】
この記事はよく使うブロックパーツのテストページです。
各パーツをご確認いただき、問題ないようでしたら非公開または削除してください。
- 詳しい説明はマニュアルのブロックの基本、各ブロックの操作をご覧ください
- マニュアルに記載のブロックを中心にテストを行っています
- マニュアルに記載のないブロックはレイアウトが崩れたり、うまく機能しない場合があります
- WordPressやプラグインの更新により、レイアウトの崩れやエラーが生じる場合があります
見出し2ダミー
これは見出しの2です。
見出しは見出し2（H2）～見出し6（H6）までが使用できます。
見出し1も存在しますが、ページタイトルで使用しているため、他での使用を推奨しません。
見出しにはあらかじめサイトテーマに沿ったデザインをあてていますので、基本的に色変更や太字等の装飾は必要ありません。
見出し3ダミー、これは見出しの3です。
この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。
これは見出しの4です
見出しの5です
見出しの6です
この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。
テキスト系
テキストリンク
テキスト装飾
太字、斜体、打消し線
上付き2、下付き2
色の設定
段落全体に色を設定。パレットにはテーマに沿った色を用意しています。
文字の一部にハイライトを設定
文字色のテスト文字色のテスト
タイポグラフィ
文字サイズS
文字サイズM
文字サイズL
文字サイズXL
カラムブロック
１：１の2カラム
この文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーです
この文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーです
１：１の2カラム
この文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーです
１：２の2カラム
この文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーです
１：２の2カラム
この文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーです
１：１の３カラム
この文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーです
１：１の３カラム
この文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーです
１：１の３カラム
この文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーです
画像ブロック
ギャラリーブロック
リストブロック
- 箇条書きリスト
箇条書きリスト - 箇条書きリスト
- 箇条書きリスト
- 箇条書きリスト（リストの入れ子）
- 箇条書きリスト
- 箇条書きリスト
箇条書きリスト - 箇条書きリスト
- 箇条書きリスト
- 箇条書きリスト（リストの入れ子）
- 箇条書きリスト
テーブルブロック
通常のテーブル
テーブルブロックのブロックメニュー > ブロック > 設定 > ヘッダーセクション・フッターセクションをONにするとそれぞれ追加されます
| 見出しセル（ヘッダー） | 見出しセル（ヘッダー） | 見出しセル（ヘッダー） |
|---|---|---|
| テーブルのセルです。この文章はダミーです。 | テーブルのセルです。この文章はダミーです。 | テーブルのセルです。この文章はダミーです。 |
| テーブルのセルです。この文章はダミーです。 | テーブルのセルです。この文章はダミーです。 テーブルのセルです。この文章はダミーです。この文章はダミーです。 | テーブルのセルです。この文章はダミーです。 |
| テーブルのセルです。この文章はダミーです。 この文章はダミーです。 | テーブルのセルです。この文章はダミーです。 | テーブルのセルです。この文章はダミーです。 |
| ABCDEFGHIJKLMNOPQRSTUVWXYZ | 12345678910 | １２３４５６７８９10 ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ |
| フッター | フッター | フッター |
| 見出しセル（ヘッダー） | 見出しセル（ヘッダー） | 見出しセル（ヘッダー） | 見出しセル（ヘッダー） |
|---|---|---|---|
| テーブルのセルです。この文章はダミーです。 | テーブルのセルです。この文章はダミーです。 | テーブルのセルです。この文章はダミーです。 | テーブルのセルです。この文章はダミーです。 |
| テーブルのセルです。この文章はダミーです。 | テーブルのセルです。この文章はダミーです。 | テーブルのセルです。この文章はダミーです。 | テーブルのセルです。この文章はダミーです。 |
| テーブルのセルです。この文章はダミーです。 | テーブルのセルです。この文章はダミーです。 | テーブルのセルです。この文章はダミーです。 | テーブルのセルです。この文章はダミーです。 |
1列目が見出しのテーブル
テーブルブロックのブロックメニュー > スタイル > 1列目見出しを選択すると、1列目が見出しのテーブルになります
| テーブルの見出しです。 | テーブルのセルです。 | テーブルのセルです。 |
| テーブルの見出しです。 | テーブルのセルです。 | テーブルのセルです。 |
| テーブルの見出しです。 | テーブルのセルです。 | テーブルのセルです。 |
ボタンブロック
ファイルブロック
pdfファイル等をダウンロードボタンと共に表示します。
※テスト用のダミーファイルをメディアに保存しています。ご確認いただけたらファイルを削除してください。
アコーディオンブロック
アコーディオンの中身です。
この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。
アコーディオンの中身です。
この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。
Youtubeブロック
グループブロック
背景色をつけるグループ
グループブロックの高度な設定 > 追加CSSクラスに「bg-box」と入力すると背景色が設定されます
囲み枠をつけるグループ
グループブロックの高度な設定 > 追加CSSクラスに「border-box」と入力すると囲み枠が設定されます
カラムの中にグループを入れることもできます
見出し４ダミー、これは見出しの４です
この文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーです
見出し３ダミー、これは見出しの３です
この文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーですこの文章はダミーです
画像を表示、次にテキストの順番でいれることもできます。
- この文章はダミーです。
- これはリストです
- リストの入れ子
GoogleMapの埋め込み
画面左上の「＋」ボタン > パターン > マイパターン > googleマップ埋め込みを選択すると御社の所在地地図が挿入されます。
地図を差し替える場合は、Googleマップで検索を行い、共有 > 地図を埋め込む > HTMLをコピーでコピーしたHTMLを自社マップのカスタムHTMLブロックに貼り付けます。
スマホ表示時に横スクロールするグループ
| ヘッダー | ヘッダー | ヘッダー |
|---|---|---|
| 大きな表など、横幅の長いブロックをスマホでも長いまま表示したい場合、このグループを使用します | 表のセルこのテキストはダミーです | 表のセルこのテキストはダミーです |
| このページをスマホやブラウザのウィンドウ幅を小さくして閲覧すると、横スクロールで表全体が表示されるようになります | 表のセルこのテキストはダミーです | |
| 表のセルこのテキストはダミーです |