比較表 の使い方

商品・プラン・サービスの違いを表形式で見せる比較表セクションです。2〜4列の列数、行ブロック、ハイライト列、ヘッダー・行ラベル・セル・枠線・余白までテーマエディターから調整できます。

目次

設定項目

見出し

見出しテキスト - セクション上部の見出しを設定します。空欄にすると見出しを非表示にできます。

- 見出しの文字色を変更します。

サイズ-PC(px) - PC表示時の見出しサイズを調整します。

サイズ-モバイル(px) - モバイル表示時の見出しサイズを調整します。

Copilify 比較表 ヘルプ heading

列の設定

列数 - 比較表の列数を2列・3列・4列から選びます。

列1のヘッダー - 1列目の見出し名を入力します。

列2のヘッダー - 2列目の見出し名を入力します。

列3のヘッダー - 3列表示以上で使う見出し名を入力します。

列4のヘッダー - 4列表示で使う見出し名を入力します。

Copilify 比較表 ヘルプ columns

ハイライト列

強調する列 - 目立たせたい列を選びます。なしを選ぶとハイライトは無効になります。

ハイライト列ヘッダー背景色 - 強調列のヘッダー背景色を変更します。

ハイライト列ヘッダー文字色 - 強調列のヘッダー文字色を変更します。

ハイライト列セル背景色 - 強調列の各セル背景色を変更します。

ハイライト列セル文字色 - 強調列の各セル文字色を変更します。

Copilify 比較表 ヘルプ highlight-column

ヘッダー行のスタイル

背景色 - ヘッダー行の背景色を変更します。

文字色 - ヘッダー行の文字色を変更します。

文字サイズ-PC(px) - PC表示時のヘッダー文字サイズを設定します。

文字サイズ-モバイル(px) - モバイル表示時のヘッダー文字サイズを設定します。

Copilify 比較表 ヘルプ header-row-style

行ラベルのスタイル

背景色 - 左端の行ラベル列の背景色を変更します。

文字色 - 行ラベルの文字色を変更します。

太さ - 行ラベルを標準または太字に切り替えます。

Copilify 比較表 ヘルプ row-label-style

セルのスタイル

背景色 - 通常セルの背景色を変更します。

文字色 - 通常セルの文字色を変更します。

文字サイズ-PC(px) - PC表示時のセル文字サイズを設定します。

文字サイズ-モバイル(px) - モバイル表示時のセル文字サイズを設定します。

セル内余白-PC(px) - PC表示時のセル内余白を調整します。

セル内余白-モバイル(px) - モバイル表示時のセル内余白を調整します。

Copilify 比較表 ヘルプ cell-style

枠線

枠線色 - 表全体とセルの枠線色を変更します。

外枠の太さ(px) - 表全体の外枠の太さを調整します。

セル枠線の太さ(px) - 各セル間の枠線の太さを調整します。

角の丸み(px) - 表の角丸を調整します。

Copilify 比較表 ヘルプ border

PC表示での余白

左右 - PC表示時の左右余白を調整します。

- PC表示時の上余白を調整します。

- PC表示時の下余白を調整します。

Copilify 比較表 ヘルプ desktop-spacing

モバイル表示での余白

左右 - モバイル表示時の左右余白を調整します。

- モバイル表示時の上余白を調整します。

- モバイル表示時の下余白を調整します。

Copilify 比較表 ヘルプ mobile-spacing

その他

背景色 - セクション全体の背景色を変更します。

最大幅(px) - 比較表と見出しを表示する内側コンテンツの最大幅を設定します。

Copilify 比較表 ヘルプ other

ブロック: 行

行ラベル - 左端に表示する比較項目名を入力します。

列1の値 - 1列目に表示する値を入力します。

列2の値 - 2列目に表示する値を入力します。

列3の値 - 3列表示以上で表示する値を入力します。

列4の値 - 4列表示で表示する値を入力します。

Copilify 比較表 ヘルプ block-row

よくある質問

列数はあとから変更できますか?

はい。列数は2列・3列・4列からいつでも変更できます。列数を増やす場合は、列ヘッダーと各行ブロックの列3・列4の値も入力してください。

おすすめ商品や自社商品だけ目立たせられますか?

はい。「ハイライト列」で強調する列を選ぶと、その列のヘッダーとセルだけ背景色・文字色を変えられます。

スマホでは表が崩れませんか?

モバイルでは横スクロールできるラッパー内に表を表示するため、列数が多い場合でもレイアウトを保ったまま閲覧できます。