header-logo
はじめましょう!Wix でサイトやビジネスを構築する方法をご紹介します。テンプレートを使用してサイトをカスタマイズしたり、パートナーに依頼してウェブプレゼンスを確立しましょう。
サイトの作成Wix エディタの使い方とサイトコンテンツの管理方法について学びましょう。訪問者のプライバシーを保護し、サイトをよりアクセシブルにします。
アカウント・お支払いアカウント設定を確認し、定期購入とプレミアムプランを管理、請求内容を把握しましょう。
Wix モバイルアプリの使用Wix Owner アプリを使用してビジネスを効率的に運営し、訪問者と関わり、コミュニティを構築しましょう。
ドメインの接続ドメインの購入・接続・移管方法と、サイトデータを安全に保つ方法について理解しましょう。
ビジネスの管理支払いの受け付け、分析、訪問者とのつながりなど、ビジネスを構築し成長させるための適切なツールを見つけましょう。
サイトの宣伝検索エンジンでサイトを宣伝し、メルマガを送信し、有料広告を掲載する方法を学びましょう。
Wix Studio・パートナー・エンタープライズWix Studio、パートナー、エンタープライズアカウントを最大限に活用し、ビジネスを拡大しましょう。
ヘルプサイトのパフォーマンスや技術的な問題を解決するための情報を入手しましょう。製品ロードマップでは今後の機能について確認できます。
placeholder-preview-image
Wix Learnコースとチュートリアルでスキルを習得する。
Wix ブログウェブデザインやマーケティングなどのヒントを得る。
SEO ラーニングハブ検索エンジンからのトラフィックを増やす方法について学ぶ。
Website developmentフルスタックプラットフォームでカスタムサイトを構築する。
Wix パートナーに依頼あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します:
  • ステップ 1 | テーブルマスターアプリをサイトに追加する
  • ステップ 2 | 表のデータを入力する
  • ステップ 3 | 表のレイアウトと表示をカスタマイズする
  • ステップ 4 | 表のテキストと色をカスタマイズする

テーブルマスターアプリを追加・設定する

この記事内
  • ステップ 1 | テーブルマスターアプリをサイトに追加する
  • ステップ 2 | 表のデータを入力する
  • ステップ 3 | 表のレイアウトと表示をカスタマイズする
  • ステップ 4 | 表のテキストと色をカスタマイズする
テーブルマスターアプリを使用すると、Wix サイトに簡単にテーブル(表)を追加することができます。 Google スプレッドシートをアップロードするか、手動で表のデータを追加できます。サイト訪問者はダウンロードすることなくテーブルのデータを閲覧、絞り込み、並べ替えることができます。
テーブルを使用すると以下のことができるようになります:
  • コンテンツの整理
  • リストの作成
  • 連絡先の詳細を並べ替え
  • データの更新
  • など
始める前に:
スプレッドシートをアップロードする前に 公開する必要があります。
デスクトップとモバイルで表示されるテーブルマスターアプリ。

ステップ 1 | テーブルマスターアプリをサイトに追加する

テーブルマスターアプリをサイトに追加します。アプリを追加したら、アプリをコピー&ペーストして、サイトの別のページに移動することができます。
注意:
現在、テーブルマスターアプリは Wix Studio エディタではご利用いただけません。

アプリを追加・設定する方法:

  1. エディタ左側で「アプリ をクリックします。
  2. 検索バーに「テーブルマスター」と入力してアプリを検索します。
  3. サイトに追加」をクリックします。
サイトにテーブルマスターアプリを追加する

ステップ 2 | 表のデータを入力する

Google スプレッドシートをアップロードするか、手動で表のデータを挿入するかを選択できます。

データを追加する方法:

  1. エディタで表を選択します。
  2. 設定」をクリックします。
  3. データ」タブをクリックします。
  4. 手動でデータを追加するか、Google スプレッドシートをアップロードします。

ステップ 3 | 表のレイアウトと表示をカスタマイズする

データを追加したら、表のレイアウトと表示をカスタマイズできます。表示するデータの列数、表の高さ、モバイル端末での表の表示方法を選択します。

レイアウトと表示をカスタマイズする方法:

  1. レイアウト」タブをクリックします。
  2. 列の制限」トグルをクリックして、表に表示する列数を制限するかどうかを設定します。
    • 有効化:「表示する列の最大数」で表示する列数を選択できます。スライダーをドラッグするか、数値を入力して変更します。
    • 無効化:表に表示する列数に制限はありません。
「テーブルマスター」アプリのレイアウト設定
  1. 表の高さ」下で表の高さを選択します。
    • 固定サイズでスクロールする:表はデータに合わせて調整されません。表示領域に収まらない行がある場合、表には縦のスクロールバーが表示されます。
    • 自動で調節:表の高さは、行数に応じて調整されます。
  2. スマホ」下で、モバイル端末での表の動作を選択します。
    • 拡大表示:表には最初の列が表示され、訪問者は各行をクリックしてその内容を表示できます。
    • スクロール:表の高さは固定されており、訪問者がより多くのデータを表示するために使用できるスクロールバーがあります。
  3. 表示設定」タブをクリックします。
「テーブルマスター」アプリの表示設定
  1. ヘッダーとフッターを表示」トグルをクリックして表にヘッダーとフッターを表示するかどうかを設定します。
  2. 検索を表示」トグルをクリックして、表に検索バーを表示するかどうかを設定します。
  3. (オプション)「検索テキスト」下で検索バーのデフォルトテキストをカスタマイズします。
  4. 並べ替えを有効化」トグルをクリックして、訪問者が表内のデータを並べ替えることができるかどうかを設定します。
    有効にすると、訪問者は列をクリックしてアルファベット順または数値の昇順または降順で並べ替えることができます。
「テーブルマスター」アプリの並べ替え機能

ステップ 4 | 表のテキストと色をカスタマイズする

最後のステップは、「 デザイン」タブでテーブルのフォントとテキストの色をカスタマイズすることです。表の背景、枠線、行の色を設定し、表のテキストに使用するフォントをカスタマイズできます。
  1. デザイン」タブをクリックします。
  2. 背景色」をクリックします。
  3. メインカラー」下で表の背景色を選択します。
  4. グラデーションを使用」トグルをクリックして、表の背景色にグラデーション効果を使用するかどうかを設定します。
名前、メールアドレス、電話番号が入力されたテーブル
  1. (オプション)「サブカラー」横でグラデーションの色を選択します。
  2. 外枠線」下で枠線の色、枠線の太さ、角の丸みを選択します。
  3. 戻る」をクリックします。
  4. テーブル」をクリックします。
  5. 」または「」下の「テキスト」をクリックして、表で使用するフォントをカスタマイズします。行と列に個別のテキストオプションを選択できます。
デザイン設定とフォントの変更方法
  1. 」で行の背景色を選択します。奇数行と偶数行に異なる色を設定し、ホバーの背景色を設定できます。
  2. 内枠線」下で表の内側の枠線の色と太さを選択します。
  3. サイトを公開して更新内容を反映させましょう。

ヒント:
Wix App Market 内を検索してその他のテーブルアプリを探すか、 Velo by Wix を使用して表を作成することもできます。

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
Unlock personalized helpLog in to get the most out of Helpmate.