に関する記事です。 ウィジェット

テーブル

テーブル

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


テーブルを使うメリット

  • 比較しやすくする: 複数の選択肢を並べることで、訪問者が違いを把握し、選びやすくなります。
  • デザインを手軽に整える: 行ごとの背景色、罫線、角の丸みを設定して、コードを書かずに見やすいテーブルを作成できます。
  • さまざまな用途に使える: 料金プランの比較、機能一覧、仕様の比較、シンプルなデータの整理などに活用できます。

レイアウトの選択

標準テーブルレイアウト

ヘッダー行とデータ行で構成される、シンプルなテーブルです。仕様や機能の一覧、基本的な比較など、幅広い用途に適しています。

比較テーブルレイアウト

料金やプランの比較に適したテーブルです。特定の列を強調し、「おすすめ」などのラベルを付けて、注目してほしいプランを目立たせることができます。
また、「機能比較」を有効にすると、入力した値がチェックマーク(✓)やバツ印(✗)に自動変換され、各プランの機能の有無をひと目で確認できます。


共通設定

どちらのレイアウトでも、次の項目を設定できます。

  • フォント・文字サイズ: テーブル内の文字の種類と大きさを設定します。
  • 角の丸み: テーブルの角の丸みを調整します。
  • ヘッダーの背景色・文字色: ヘッダー行の背景と文字の色を変更します。
  • 本文の文字色・枠線の色: データ部分の文字と枠線の色を変更します。
  • 行の背景色の交互表示: 行ごとに背景色を交互に変えて、読みやすくします。
  • 外枠: テーブル全体を囲む枠線の表示を切り替えます。

比較テーブル専用の設定

  • 強調する列: 目立たせたいプランや列を選択します。
  • 強調ラベル: 強調する列に付けるラベルの文言を設定します(例:「おすすめ」「最もお得」)。




ウィジェット一覧


フリー画像素材の活用


注文概要の作成


ボタンの使い方


見出し&テキストの活用方法


画像の追加&設定方法


メニューを好きな場所に追加しよう!


フォームの使い方〜お問い合わせ、メルマガ、アンケートなど〜


クイズフォームの使い方


チェックアウトフォーム設定


カウントダウンタイマー機能を活用しよう!


ファイルマネージャー(アップロード&ダウンロード方法)


音声メディアを作ろう!


画像の埋め込み方法


スペーサー


プログレスバー


区切り線の設定


アコーディオン


地図を入れてみよう!


コードを埋め込んでみよう!


スライダーの活用


埋め込みの活用


ブログ一覧をサイトの好きな場所に設置


画像ウィジェット


アイコンリスト


見出しチップ(ピル型見出し)


チームメンバー


統計カウンター


チャート


料金


料金比較


動画によるお客様の声


画像比較


画像自動ローテーション


画像ホットスポット


タイムラインウィジェット


お客様の声ウィジェット


テーブル


ソーシャルプルーフ


スクロールテキスト

更新日 06/09/2026

この記事は役に立ちましたか?

ご意見をお聞かせください

キャンセル

ありがとうございます