Kadenceチュートリアル：高度なテーブル表ブロック完全ユーザーガイド（スタイリングとレスポンシブ・タイプセット付き）

コンテンツ・プレゼンテーションでは、よく構造化され、視覚的に階層化されたテーブル・レイアウトを使用することができます。主要情報の効果的なプレゼンテーション商品価格の比較、コースのスケジューリング、機能パラメータの記述などのシナリオでよく使用される。ケイデンス・ブロックプラグインを 上級テーブル ブロックワードプレスユーザーは、より自由にフォームを構築することができる。

ネイティブに比べグーテンベルクフォームモジュール上級テーブル マルチレイヤーのネスティング、レスポンシブレイアウトコントロール、カスタムスタイル設定をサポートし、より密接に実際のアプリケーションの要件に適合します。

高度なテーブル・ブロックを追加

あるグーテンベルクエディターで「＋」をクリックしてブロックを追加し、検索して挿入する。 上級テーブル.

最初に挿入する際、行と列の初期数を設定するプロンプトが表示されます。予想されるコンテンツ構造に応じて基本サイズを設定し、その後いつでも行と列を追加または削除できるようにすることをお勧めします。

表の各セル（表データ）には、デフォルトで段落ブロックが含まれており、他の任意の段落ブロックの挿入をサポートしています。ケイデンス・ブロック画像、アイコン、ボタン、リストなどのモジュール。

ネストされたブロックによるコンテンツの挿入

任意のセルをクリックすると、テキストを直接入力することができます。

を押すこともできる。 / キーを押すか、プラス記号をクリックして、素早く他のグーテンベルクブロックを使って入れ子効果を実現する。

この方法は、混合グラフィック、リスト型データ、ボタン付き価格リストなど、より複雑なコンテンツ構造を表示するのに適している。

テーブル行管理

各行は個別に選択でき、ツールバーの矢印で上下位置を調整できる。

行末の「＋」ボタンをクリックすると、現在の行の上か下、または上か下に素早く改行が挿入される。

各列は独立したスタイル設定をサポートしている：

背景色とホバーの背景色
行の高さ（px、em、vhに対応）
レスポンシブ表示設定：デスクトップ、タブレット、モバイルを個別に調整

テーブルのカラム（列）管理

テーブルの各列は、テーブル・データ・ブロックで表示される。

プラスアイコンをクリックすると新しい列が追加され、任意の位置に挿入することができます。

各セルは、独立した内側のマージン（パディング）の設定をサポートしています。

各列の幅を細かく制御する必要がある場合は、"自動幅"をクリックし、パーセンテージまたはピクセル値を手動で入力することで、異なるデバイスへの適応を向上させることができます。

フォーム全体の設定

全体を選択した後 上級テーブル ブロックの後で、フォームモジュール全体のグローバル設定を行うことができます。

基本設定

行と列の数：手動で調整可能
最初の行がテーブルのヘッダーとして設定される。 HTML ラベルは次のように切り替わる。 <th>ヘッダーのフォントスタイルを自動的に適用する
最初の列をヘッダーにする：縦書きデータリストにも適用される

行と列の機能を修正（Kadence Blocks Proが必要です）

固定1行目（Sticky First Row）：タイトル表示が固定されている長いフォームでよく使われる。
粘着性のある最初の列：パラメトリックな比較表に適しています。

スクロール状態での固定表示効果を有効にするには、「最大高さ」または「最大幅」フィールドを設定する必要があります。

水平スクロール

Overflow Xスクロールを有効にすると、モバイルや狭い画面のデバイスでテーブルのコンテンツを水平方向にスライドさせることができ、列が多すぎるためにコンテンツが切り捨てられる問題を効果的に解決できます。

スタイルとビジュアル設定

アドバンスド・テーブルは、これらに限らず、豊富なスタイル構成を提供している：

フレーム色、太さを設定し、行だけに適用するかどうかを選択できます。
セル内縁ハーモナイズされたもの、されたもの
フォントスタイルフォント、フォントサイズ、色、行の高さ、文字の太さ、文字間隔、その他のコントロールをサポートします。
ヘッダースタイルテーブルヘッダーのフォントスタイル、色などの個別設定
背景奇数行と偶数行の背景色を交互に設定し、読みやすさを向上させることができます。
背景各カラムの専用背景色の設定に対応
御身長表全体の行の高さを揃える

詳細設定

フォームブロック全体に対して外余白と内余白を設定できるので、モジュール間の余白コントロールが容易になります。
現在の設定をデフォルト設定として保存し、今後フォームを追加する際に自動的に同じスタイルを使用することができます。
カスタマイズの追加をサポートカスケーディングスタイルシートよりパーソナライズされたフロントエンドのスタイリング要件に対応するクラス名

結語

上級テーブル ピースミールケイデンス・ブロックプラグインが提供するレスポンシブ・タイポグラフィとブロック・ネスティング機能により、高度に制御可能で、美的で機能的なテーブル構造を簡単に構築できる。

サービスパッケージの紹介、コーススケジュール、比較機能など、よくあるご質問ソリューション、またはeコマース・モジュールを使用する。上級テーブル いずれもコンテンツレイアウトに不可欠な表現力と柔軟性を備えている。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み