プラグインを使わずにWordPressでテーブルを作成する方法

CMS の主要なアイデアは次のように定義されます。
Web サイトのコンテンツを簡単にメンテナンスできるため、技術者以外の管理者でもコンテンツを最新かつ正確に保つことができます。そのおかげで、低コストで Web サイトを主要なコミュニケーション チャネルとして使用できます。したがって、マーケティング目標を達成するには、Gutenberg テーマとブロックに切り替えることが最善の選択です。プラグインを使わずに WordPress にテーブルを追加する方法を紹介することで、上記のことを証明します。

プラグインを使わずに WordPress にテーブルを追加する方法については、簡単ではない、または Google ドキュメントまたは Word を使用する必要があると述べているブログ投稿をいくつか見つけることができます。まだ Citadela Gutenberg テーマに切り替えていない限り、それは真実かもしれません。ページビルダーを備えた古いテーマでは、クラシック エディターが使用されます。そして、Gutenberg エディターが提供するような簡単なオプションはありませんでした。

Citadela の WordPress テーブルの 2 つのオプションを調べる

WordPress のテーブルの内容に基づいて、WordPress でテーブルを作成する Gutenberg ブロックには 2 つの選択肢があります。他のブロックと組み合わせることで、想像以上に多くのオプションが得られます。

• Price Table ブロック ( Citadela Proプラグイン)
• テーブルブロック(WordPress のコアブロック)

Citadela プレミアム バージョンを使用すると、WordPress にテーブルを追加するための追加のプラグインは必要ありません。

価格表ブロック

テーブルは通常、アイテムと価格を表示するために使用されるため、特別な Price Table ブロックを作成しました。これは、Citadela Blocks プラグイン (最新の WP テーマのほとんどと広く互換性があります) に含まれています。 WordPress ブロックエディターで非常に簡単に使用して、魅力的な方法で価格を表示および管理できます。

このブロックには高度な設定があり、ニーズに応じて応答性の高いバージョンをセットアップできます。で利用可能です Citadela Pro プラグイン.

ただし、WordPress 自体は、テーブルを作成するためのデフォルトのブロックを提供します。それは単に次のように呼ばれます: テーブルブロックこれを使用すると、サブスクリプション パッケージなどの非常に基本的なプレゼンテーションを 1 分以内に作成できます。

今日は、Table Block について詳しく見ていき、以下について説明します。

• WordPress のテーブルが実用的な理由
• Table ブロックを使用して WordPress でテーブルを作成する方法 (プラグインなし)
• ツールバーのテーブルブロック設定
• インスペクターのWordPressテーブルブロック設定
• 追加のヒント: 画像の横に表を挿入する方法

WordPress のテーブルが実用的な理由

テーブルは投稿とページで普遍的に使用されます。基本的な機能はデータまたは数値を整理することです。テーブルはブロガーにとっても有益です。たとえば、旅行ブロガーは、個々の目的地の価格を比較できます。フードブロガーは材料や必要な量のリストを簡単に作成できます。

最後になりましたが、テーブルを使用してサービスや製品の営業時間や価格表を表示することもできます。レストラン、美容室、パン屋のウェブサイトを持っているかどうかは関係ありません。ウェブサイト上でテーブルの使用法が必ず見つかります。

WordPressでTableブロックを使用してテーブルを作成する方法（プラグインなし）

ブロックエディターを使用して WordPress でテーブルを作成するのは簡単です。 Table ブロックを使用すると、プラグインやコーディングを行わずに、数回クリックするだけでテーブルを作成できます。それがどのように機能するかを見てみましょう:

• まず最初に、WordPress Table ブロックを挿入する必要があります。これを行うには、トップバーまたはエディター内の任意の場所にある「+」をクリックします。その後、特定のブロックを選択できます。

また、単語「table」の後にスラッシュ「/」を使用してテーブル ブロックを挿入し、テーブル ブロックを検索することもできます。

ページまたは投稿に Table ブロックを追加した後、列数や行数などの基本設定を行う必要があります。

最新の Citadela テーマを探索してください。WordPress テーブル ブロックを使用してテーブルを作成したり、カスタム メイドのブロックを使用したりできます。特定の種類のビジネス向けに開発されたレイアウト パッケージを使用してカスタマイズできる Citadela について詳しく説明します。

ツールバーのテーブルブロック設定

これで、WordPress でテーブルを作成する方法がわかりました。次に、その操作方法を説明します。

表の上の上部ツールバーを使用すると、スタイルと書式を変更できます。これらの設定を使用すると、テーブルの外観を変更できます。最終的な外観は、使用しているアクティブな WordPress テーマに常に依存することを忘れないでください。

何が変更できるのでしょうか?

1. ブロックスタイル

最初のアイコンを使用して、テーブルのスタイルを選択できます。次の 2 つのオプションのいずれかを選択できます。

• デフォルト – 表のセルには枠線があり、背景はありません。ブロック全体の背景色は後から追加することもできます。
• ストライプ – 枠線のない表ですが、2 行ごとに背景を使用して強調表示されます。このスタイルはよりモダンで、あまりフォーマルではありません。

2.WordPressテーブルブロックの配置

テーブルの配置は、ブロックの上の上部ツールバーでも変更できます。左、右、中央などの標準的なテーブルの 1 つを選択できますが、テーブルを幅広または全幅にすることもできます。最後の 2 つが利用できるかどうかは、使用しているアクティブな WordPress テーマによって常に異なります。

3. テーブルの内容の書式設定

表内のテキストまたは数字は、太字または斜体に設定できます。他のページ、グラフ、画像へのリンクを追加できます。

4. 表内のテキストの配置

WP の最新バージョンでは、表全体だけでなく行内のテキストも整列できるようになりました。挿入したテキストを各行に個別に配置できるようになりました。この機能は、より優れたテーブルを作成するのに役立ちます。

5. 列と行の数

WordPress でテーブルの列または行を追加するにはどうすればよいですか? Table ブロックではとても簡単です。このブロックにより、セルの追加または削除が非常に迅速に行えます。 「テーブルの編集」をクリックし、その後、実行したいアクションをクリックするだけです。 「後に行を追加」をクリックすると、すぐに新しい行が下部に作成されます。

インスペクターのWordPressテーブルブロック設定

上部のツールバーではテーブルのセルの設定を変更できますが、インスペクターと呼ばれる右側のツールバーはテーブル ブロックのより複雑な設定に使用されます。また、ここではブロック スタイル (デフォルトまたはストライプ) を設定できますが、さらに、背景色や表の幅も設定できます。

テーブルの設定

デフォルトでは、表のセルは、その中に含まれるテキストの量に応じて動的に調整されます。 「固定幅テーブルセル」機能を許可することもできます。中に何を入れても、すべてのセルの幅は同じになります。

カラー設定

インスペクターでは、テーブルの背景色を変更することもできます。デフォルト スタイルを選択した場合、テーブル全体が同じ背景色になります。ストライプを選択した場合、2 行ごとにのみ背景が設定されます。

新しく追加された機能: ヘッダーとフッターのサポート

テーブルをよりアクセスしやすくするために、開発者は WordPress のテーブル ブロックにヘッダーとフッターのオプションを追加しました。この機能は、（データの）構造定義を改善し、より正確な情報をモバイル アシスタントに提供します。テーブル構造には次のものが含まれます。 <thead>, <tfoot>、 と <tbody> テーブルのヘッダー、フッター、本文を識別して区別します。インスペクターから直接ヘッダーとフッターのセクションを有効または無効にすることができます。

追加のヒント: WordPress でプラグインを使用せずに画像の横にテーブルを作成する方法

表と画像を並べて表示する必要がありますか?これを行うには、列ブロックを使用する必要があります。このブロックを使用すると、さまざまなコンテンツ タイプを列に挿入し、それらを適切に配置することができます。

どうやってするの？

表ブロックを 1 つの列に挿入し、画像ブロックを 2 番目の列に挿入します。画像の隣の WordPress Column Block 内にネストされたテーブルが作成されます。非常にシンプルで、位置合わせやレスポンシブバージョンについて心配する必要はありません。

列ブロックについて詳しくは、記事をご覧ください。 プラグインを使わずにWordPressで列を作成する方法.