WPの投稿機能で簡易的に作成できるページのレイアウトイメージです。ここには画像、テキスト、テーブル()、リスト(ul ol)、カラム表記(横並びレイアウト)、ボタン等、一般的なWPのブロックでページ作成ができます。
デザインにこだわらない案内系のページ等を想定。これはテキストのイメージです。またページごとにカスタムCSSも設置予定なので、ブロックで作成するページでもある程度の自由度はあります。
H2タイトルイメージ(配置位置、色の変更は自由)
装飾なしのH3イメージ(配置位置、色の変更は自由)
H4タイトルイメージ(配置位置、色の変更は自由)
H5タイトルイメージ(配置位置、色の変更は自由)
H4とH5タイトルは、テキストの補足タイトルに使用する機会が多いので、あらかじめテキスト開始位置と揃えておくほうが便利かも。
- リストのイメージです。こちらは通常のリストを想定しています。
- リストのイメージです。こちらは通常のリストを想定しています。
- リストのイメージです。こちらは通常のリストを想定しています。
- リストのイメージです。こちらは通常のリストを想定しています。
- リストのイメージです。こちらは通常のリストを想定しています。
- リストのイメージです。こちらは通し番号リスト(ol)を想定しています。
- リストのイメージです。こちらは通し番号リスト(ol)を想定しています。
- リストのイメージです。こちらは通し番号リスト(ol)を想定しています。
- リストのイメージです。こちらは通し番号リスト(ol)を想定しています。
- リストのイメージです。こちらは通し番号リスト(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)
