テーブル
テーブル
テーブルを使うと、料金プラン、機能一覧、仕様などの情報を整理し、ひと目で確認しやすい形で表示できます。用途に合わせて、2種類のレイアウトを選択できます。

テーブルを使うメリット
- 比較しやすくする: 複数の選択肢を並べることで、訪問者が違いを把握し、選びやすくなります。
- デザインを手軽に整える: 行ごとの背景色、罫線、角の丸みを設定して、コードを書かずに見やすいテーブルを作成できます。
- さまざまな用途に使える: 料金プランの比較、機能一覧、仕様の比較、シンプルなデータの整理などに活用できます。
レイアウトの選択
標準テーブルレイアウト
ヘッダー行とデータ行で構成される、シンプルなテーブルです。仕様や機能の一覧、基本的な比較など、幅広い用途に適しています。
比較テーブルレイアウト
料金やプランの比較に適したテーブルです。特定の列を強調し、「おすすめ」などのラベルを付けて、注目してほしいプランを目立たせることができます。
また、「機能比較」を有効にすると、入力した値がチェックマーク(✓)やバツ印(✗)に自動変換され、各プランの機能の有無をひと目で確認できます。

共通設定
どちらのレイアウトでも、次の項目を設定できます。
- フォント・文字サイズ: テーブル内の文字の種類と大きさを設定します。
- 角の丸み: テーブルの角の丸みを調整します。
- ヘッダーの背景色・文字色: ヘッダー行の背景と文字の色を変更します。
- 本文の文字色・枠線の色: データ部分の文字と枠線の色を変更します。
- 行の背景色の交互表示: 行ごとに背景色を交互に変えて、読みやすくします。
- 外枠: テーブル全体を囲む枠線の表示を切り替えます。
比較テーブル専用の設定
- 強調する列: 目立たせたいプランや列を選択します。
- 強調ラベル: 強調する列に付けるラベルの文言を設定します(例:「おすすめ」「最もお得」)。
ウィジェット一覧
更新日 06/09/2026
ありがとうございます
