要素: テーブル

要素: テーブル

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

Webサイトにテーブル要素を追加することで、データを見やすく整理して表示でき、ユーザー体験を大幅に向上させることができます。テーブルは異なる情報の比較が容易になり、訪問者が必要な情報を素早く見つけやすくなります。特に複雑なデータセットやリストを提示する際、テーブルはコンテンツ全体の読みやすさを高めるのに役立ちます。

Visual Editorでテーブルテーマを編集する

  1. ダッシュボードに移動し、カスタマイズをクリックし、Visual Editorを選択します(またはビルダーの右側にあるパレットアイコンをクリックします)。

  1. Visual Editorツールが開いたら、スクロールダウンし、詳細を選択し、TableElementタブの下でクリックします。

  1. テーマとしてダークまたはライトのいずれかを選択します。

Visual Editorでテーブルのタイポグラフィ設定を編集する

  1. ダッシュボードに移動し、カスタマイズをクリックし、Visual Editorを選択します(またはビルダーの右側にあるパレットアイコンをクリックします)。

  1. Visual Editorツールが開いたら、スクロールダウンし、詳細を選択し、TableElementタブの下でクリックします。

  1. Common では、フォントパラメーター、テーブルの枠線カラー、セルの枠線カラーを変更できます。

  1. Header では、ヘッダーとして選択した情報がある場合、背景色、テキストカラー、枠線カラーを変更できます。

  

  • フォントのスタイルのカスタマイズ  

  1. ドロップダウンから利用可能なフォントスタイルを選択します。

  1. フォントを追加をクリックすると、フォントライブラリから新しいフォントを追加できます。

  1. フォントを選択し、保存をクリックします。

  • フォントの太さのカスタマイズ

  1. フォントの太さは、フォントの太字具合に関連しています。事前に選択したフォントスタイルに応じて、 ライト、デミ-ライト 、通常ヘビー、およびボールドなどの設定が表示されます。

  1. 一部のフォントスタイルでは、イタリックオプションも含まれています。

  • フォントのピクセル数とサイズのカスタマイズ 

  1. フォントのピクセル数やサイズは、お好みに合わせてドロップダウンから選択できます。


矢印を使って値を増減することも可能です。
  • フォントカラーのカスタマイズ   

  1. テーマやスタンダードカラーは、上部のタブを切り替えて希望の色を選択してください。

  1. hexコードを使って正確な色を指定することもできます。

  • フォントの大文字・小文字のカスタマイズ

  1. 必須の大文字・小文字の形式をドロップダウンから選択します

  1. 選択できる形式は、「なし」、「すべて大文字」、「すべて小文字」、「単語ごとに先頭を大文字」です

  • 折れ線グラフの高さのカスタマイズ

  1. 折れ線グラフの高さは、2本の線の間隔を決定します。

  2. 矢印を使用して間隔を広げることができます。

  • 文字間隔のカスタマイズ  

  1. 文字間隔は、2文字間のスペースを決定します。

  2. 矢印を使って間隔を広げたり狭めたりできます。



リセットする」をクリックすると、前の設定に復元されます。