ヘルプセンター
ヘルプセンター
スタート
Tilda の仕組み
新しいページを作成する
ページをコピーする
ページを転送する
ページの並べ替え
サイト設定
ドメイン名の購入
ドメイン名の接続
DNSの設定
カスタムドメインのエラーのトラブルシューティング
ホームページ
ヘッダーとフッター
ウェブサイトのフォントを設定する
コード輸出
プロジェクト移管
無料tilda.ws サブドメイン
カラー設定
URLリダイレクトの作成
HTTPSの設定
ページフォルダー
ページ編集
ナビゲーション・メニューの追加
アンカーと内部リンク
モバイルデバイスでの視聴
HTMLコードを埋め込む
グーグルマップを追加
多言語ウェブサイトの作成
オンライン出版用の画像を準備する
カバーを投げる
ノン・ブレイキング・スペース&ソフト・ハイフン
ページ出版
フィードバック・ウィジェットを追加する
フェイスブックでプレビュー
コメント欄の追加
インスタグラムのフィードを埋め込む
投稿一覧またはインデックスページ
オンラインストアと支払い
オンラインストアと決済処理
オンラインストアに商品を追加する
ショッピングカートの設定
商品の直接販売
支払いシステムの割り当て
ストライプの設定
ペイパルの設定
ベリフォンのセットアップ
注文通知の送信
オンライン決済システムなしで販売する
単一製品の販売
製品バリエーションの追加
配送オプション
補完製品
プロモコード(割引)を作成する
フォーム
データ取得フォームの設定
データ収集フォーム
電子メール
グーグル シート
メールチンプ
グーグルフォーム
センドグリッド
センディンブルー
セルジー
コンモ
パイプドライブ
Zoho CRM
トレロ
テレグラム
スラック
ザピア
メーラーライト
ノーティオン
セールスフォース
ハブスポット
ウェブフック
カスタムスクリプト
フォームのミスを避ける
マンデードットコム
アナリティクス
ウェブサイト統計の追跡
グーグル・アナリティクス
グーグルタグマネージャー
目標達成率の提出
SEO
オンライン・プロモーション
Zero Block
カスタムブロックの作成
レスポンシブデザイン
キーボードショートカット一覧
アニメーション
ステップ・バイ・ステップ・アニメーション
Figmaからのインポート
メールキャンペーンビルダー
電子メールの作成、編集、送信
プランと請求
プラン
価格と支払い
自動購読更新のキャンセル
入金確認
Tilda ビジネス・プランへのアップグレード
特別プラン
開発者向け
HTMLコードを埋め込む
コード輸出
ウェブフック
Tilda API
WordPressプラグイン
tilda ヘルプセンター
テーブルの作り方
CL46ブロックによるテーブルの追加
テーブルを独立したブロックとしてウェブサイトのページに追加する方法。
もっと見る
ブロック・テキスト・エディターで表を挿入する
記事、資料、講義に表を追加する方法。
もっと見る
標準ブロックのテキストに表を挿入する
標準ブロックの本文中に表を追加する方法。
もっと見る
CL46ブロックによるテーブルの追加
テーブル・ブロックは、ブロック・ライブラリ(CL46)の "Columns "カテゴリにあります。
列、行、ヘッド
テーブルは行と列で構成される。列はセミコロン記号(;)で区切られる。行は改行(「Enter」ボタン)で区切られる。
ヘッドデータの例:
時間;クラスタイプ;講師
ボディデータの例:
08:00;ハタヨガ;ニック・エイブリー
10:30;ピラティス;ノラ・ジョンソン
13:00;エアロビクス;トム・バリー
幅と高さ
テーブルの
一般的な幅は
、ブロックの「設定」パネルで調整できます。たとえば、列数や左インデントを指定できます。
列の幅は
、ブロックの「コンテンツ」パネルで、パネルの一番下にあるそれぞれのフィールドで調整できます。単位はパーセントです。すべての数値の合計が100になるようにしてください。フィールドを空のままにすると、列の幅は同じになります。
幅の設定例:
50%;20%;30%
リンクとボタン
セルのテキストにリンクやボタンを追加することができます。link=http://mylink.com "または "button=http://mylink.com "を追加するだけで、セル全体の内容がリンクやボタンになります。
リンク例:
チケット;100ドル;詳細はこちら link=http://tilda.cc
ボタン例:
チケット
;100ドル;詳細はこちら button=http://tilda.cc
リンクを(現在のタブではなく)新しいタブで開きたい場合は、ブロックの設定パネル → テーブル全体 → 「リンクを新しいタブで開く」チェックボックスを選択します。
モバイル版
1. テーブルをモバイルで表示するには、2つのオプションがある。テーブルは元のサイズを維持し、モバイル画面の
端から
はみ出します。
2.
画面幅に合わせてテーブルのサイズを変更
する
。
ヒント:列数が少なく(例えば2-3列)、コンテンツが少ない(図や簡潔なフレーズ)表については、モバイルデバイスでの幅の変更を許可する。
例
設定
スケール1、ヘッドボーダーの色:
#000000, ボーダーカラー:奇数列の背景色: #ffffff、偶数列の背景色: #ffffff:偶数行の背景色:#ffffff、偶数行の背景色:#eeeee#選択されたチェックボックス:「頭頂部のボーダーを隠す。
設定
スケール: 2, 頭部文字色:頭文字色: #ffffff、頭文字枠色: #ff8562、頭文字背景色: #ff8562背景色:#ff8562ボーダーカラー:#ff8562奇数行の背景色: #ffffff、偶数行の背景色: #ffffff:#偶数行の背景色:#ffffff、
チェックボックスを選択:"モバイルデバイスでテーブル幅の変更を有効にする"
ブロック・テキスト・エディターで表を追加する
のブロック・テキスト・エディターを使って表を追加できる:
フィード
資料
記事」タイプのコース講義
ブロックライブラリの「テキストブロック」カテゴリにある
TX24「記事」
ブロック
TX24ブロックを例にテーブルの追加を見てみよう。
ブロック編集 "ボタンをクリックして、ブロック編集モードに入る。
表を追加するには、コンテンツの左側にあるプラスアイコンをクリックし、「表」要素を選択します。
テーブルを編集するには、3つの点をクリックしてアクションメニューを開きます。ここでは、境界線の色、テーブルの角の半径、幅によるテーブルの整列、テーブルの移動、削除、複製を選択できます。
表の行の左端にカーソルを合わせると表示される3つの点のボタンをクリックすると、テキストの色や行の背景色を指定したり、上下に新しい行を追加したり、行を削除したりすることができます。このボタンを押したままにすると、行を上下に移動させ、表内の行の順序を変更することができます。
表の列の上部にある3つの点のボタンをクリックすると、列の文字色や背景色を設定したり、列を左右に追加したり、列を削除したりすることができます。このボタンを押し続けると、列を左右に移動させることができます。
表に新しい行や列をすばやく追加するには、表の右と下の領域にマウスを置くと表示されるボタンをクリックします。
マウスの左ボタンで列の右境界線をドラッグすると、個々の列の幅を変更できます。
モバイル版では、画面幅を超える表は横スクロールバーで表示される。
標準ブロックのテキストに表を挿入する
ほとんどのライブラリ・ブロックでは、
テキストエディタを使って
表を挿入することができます。例えば、「テキスト・ブロック」カテゴリーからTX01「テキスト」ブロックを追加してみましょう。
ブロック「コンテンツ」またはページ編集モードでテキストフィールドをマウスで左クリック→表示されるコンテキストメニューで3つの点をクリック→「テーブル」オプションを選択。
表のセルをクリックすると、そのセルの右上に3つの点が付いたボタンが表示されます。このボタンをクリックすると、次のアクションを選択できます:
列を右に挿入
列を左に挿入
行を上に挿入
行を下に挿入
セルをマージ(複数のセルを選択)
セルをマージ解除
行を削除
列を削除
表を削除
モバイル版では、このような表は画面の幅に合わせて拡大縮小され、コンテンツが改行されることがある。
製造元
Tilda