基本的なWPブロック確認用

WPの投稿機能で簡易的に作成できるページのレイアウトイメージです。ここには画像、テキスト、テーブル()、リスト(ul ol)、カラム表記(横並びレイアウト)、ボタン等、一般的なWPのブロックでページ作成ができます。
デザインにこだわらない案内系のページ等を想定。これはテキストのイメージです。またページごとにカスタムCSSも設置予定なので、ブロックで作成するページでもある程度の自由度はあります。

H2タイトルイメージ(配置位置、色の変更は自由)

装飾H3タイトルイメージ

装飾H3タイトルイメージ

装飾H3タイトルイメージ

装飾なしのH3イメージ(配置位置、色の変更は自由)

H4タイトルイメージ(配置位置、色の変更は自由)

H5タイトルイメージ(配置位置、色の変更は自由)

H4とH5タイトルは、テキストの補足タイトルに使用する機会が多いので、あらかじめテキスト開始位置と揃えておくほうが便利かも。

リストイメージ

  • リストのイメージです。こちらは通常のリストを想定しています。
  • リストのイメージです。こちらは通常のリストを想定しています。
  • リストのイメージです。こちらは通常のリストを想定しています。
  • リストのイメージです。こちらは通常のリストを想定しています。
  • リストのイメージです。こちらは通常のリストを想定しています。
  1. リストのイメージです。こちらは通し番号リスト(ol)を想定しています。
  2. リストのイメージです。こちらは通し番号リスト(ol)を想定しています。
  3. リストのイメージです。こちらは通し番号リスト(ol)を想定しています。
  4. リストのイメージです。こちらは通し番号リスト(ol)を想定しています。
  5. リストのイメージです。こちらは通し番号リスト(ol)を想定しています。リストのイメージです。こちらは通し番号リスト(ol)を想定しています。

テーブルイメージ

theadがある場合ヘッダーは編集画面でオンオフ可能です
tdテキスト例tableのテキストは大きめにしていますtdテキスト例
配置位置変更可能tableのテキストは大きめにしていますtdテキスト例
tdテキスト例tableのテキストは大きめにしていますtdテキスト例
tdテキスト例tableのテキストは大きめにしていますtdテキスト例
theadがない場合テーブルの左端を擬似thとして背景色を変えています
セル幅を固定しない設定も可能ですこの設定は
編集画面右側のメニューで変更可能です
編集画面最下部にこのページのみに適用するCSSのフィールドがあります
css知識入りますがある程度自由にレイアウト可能です

カラムイメージ

カラムは2分割と3分割はクリック操作で可能、設定的にには6分割まで可能です。

2分割イメージ(スマホ比率そのまま)
3分割(33/66)イメージ※66/33も可能
3分割(33/33/33)イメージ
3分割(25/50/25)イメージ

中央揃えにも対応しています。※4分割以上は等倍間隔になります。

スマホの場合は比率を維持した分割にするか、全て1列表示にするかを編集画面で選択できます。
例えばPC3分割、スマホ2分割にしたい場合は「カラム」より「横並び」の方が便利です

横並びイメージ

ボタンはスマホの場合サイズ固定にしています。(370px)

↑新設のチケセンリンクボタン。オフ会ページや他の案内系LPに多用できるよう、テキスト部分は任意に変更可能。ただ現在は600px幅に収まるようなテキスト量じゃないと表示崩れます。