WordPressでテーブルをフォーマットする方法

WordPressでテーブルをフォーマットする方法

WordPressでテーブルをフォーマットすることは、テーブル内のデータを快適に表示し、Web投稿やページに表示しやすくなるようにテーブルを作成し、スタイルを設定することを意味します。これにより、コンテンツの明快さと読みやすさを高めることができます。

WordPressには組み込みのテーブルブロックがある。しかし、このブロックには多くの高度な機能がないため、基本的なレベルのテーブルしか作成できません。この場合 テーブルバーグ プラグインを使用すると、WordPressでテーブルを適切にフォーマットできます。

このブログ記事では、Tablebergプラグインを使用してWordPressでテーブルをフォーマットする方法をステップバイステップで紹介します。

WordPressでテーブルをフォーマットするには何が必要ですか?

WordPressでテーブルをフォーマットする

Tablebergプラグインを使えば、WordPress上で上記のフォーマットをすべて実行できる。その方法を見てみよう。

注意:デフォルトのテーブル・ブロックには、書式設定のためのオプションがあまりありません。このチュートリアルでは Tableberg plugin WordPressのテーブルをフォーマットする。

1.行と列

デフォルトのテーブルブロックと同様に、Tablebergでも行数と列数を定義することができる。

行番号と列番号を設定する

ここでもまた、デフォルトのテーブル・ブロックのように、 行や列の挿入や削除ができる。 テーブルから。

テーブルの行または列を追加または削除する。

2.ボーダーを設定する(色と半径)

テーブルを設定する ボーダーの色、幅、 そして radiusこれはデフォルトのブロックでは不可能です。デフォルトの インナー そして 外枠.

ボーダーを設定する(色と半径)

3.セルマージンとパディング

のセルのマージンとパディングを調整できます。 二通り個別に そして 広く.

  • 個々のセルにマージンとパディングを設定する

任意のセルにカーソルを置く. Click the プラス(+)アイコン の横にある Dimensions オプションをクリックします。これで2つのオプションが表示されます:パディングとマージンです。

個々のセルにパディングとマージンを設定する

これでセルにパディングを設定できる。これは他のセルにも影響するかもしれませんが、すべてではありません。

個々のセルにパディングを設定する
  • セルのマージンとパディングを統一的に設定する

テーブル全体を選択. Then, スタイルタブを開く.

セルのマージンとパディングを統一的に設定する

タブを下にスクロールし、「Dimensions(寸法)」オプションにたどり着く。このオプションの下に、「セルのパディング」と「セルの間隔」があります。これらのオプションを使って、セルのパディングとスペーシングを汎用的に設定することができます。

テーブルのセルにパディングとマージンを汎用的に設定する

4.アライメント

セルテキストの配置は個別に調整できます。

セルの配置を設定する

テーブル全体のアライメントを調整することもできます。これを行うには、Tablebergアイコンをクリックして表を選択します。次に、整列オプションを選択します。

テーブルのアライメントを設定する

5.背景色

テーブルを選択する.土地 スタイルタブ.色のオプションが表示されます。奇数行、偶数行、テーブルヘッダー、フッターの背景を別々に選択できます。

テーブルに背景色を追加する

Tablebergにはさらに高度な機能もある。セルの背景色、行の背景色、列の背景色を個別に設定できます。

セルの背景色を設定する

6.フォントとタイポグラフィ

プラグインのデフォルト・オプションでは、フォント、外観、行の高さ、文字間隔、装飾、大文字小文字などの組版設定を行うことができます。

フォントとタイポグラフィを選ぶ

Learn ワードプレスで商品スペック表を作成する方法.

7.応答性

Tablebergは、デスクトップ、タブレット、モバイルなど、すべてのデバイスで見栄えが良くなるように、テーブルを完璧にレスポンシブ化することができます。

テーブルをレスポンシブにする

通常、デイリーテーブルにヘッダーとフッターを追加することはありませんが、Tablebergプラグインを使えば簡単に追加することができます。このオプションはプラグインにあります。

テーブルにヘッダーとフッターを追加する

9.グローバル・スタイル

グローバルスタイルとは、テーブル全体に適用される一貫したデザインのセットを指します。Tablebergプラグインでは、フォントカラー、リンクカラー、フォントサイズを含むグローバルフォントスタイルを設定できます。

Tablebergのグローバルスタイル

10.画像、ボタン、アイコンの追加

Gutenbergブロックエディターと同様に、Tablebergプラグインでは、画像、ボタン、アイコン、リボンなどのさまざまなタイプのコンテンツを、それぞれのブロックを使ってテーブルセルに追加することができます。その後、他のブロックと同じようにスタイライズすることができます。

画像、ボタン、アイコンの追加

エクスペリエンス how to create a comparison table on WordPress.

結論

数年前、人々はウェブページのテーブルをデザインするために、カスタムCSSとHTMLコーディングに多くを依存しなければならなかった。しかし今日では テーブルバーグ プラグインを使えば、コーディングをすることなく、シンプルに行うことができます。

Tablebergはすでに多くのエキサイティングな機能をリリースしており、さらに多くの機能がまだ準備中です。もうすぐ、あなたはテーブル上で必要なすべてのためのワンストップソリューションとしてそれを得るでしょう。だから, 今日プラグインを取得し、先に素晴らしい経験を持っている.



テーブルバーグ・チーム