WordPressでテーブルの枠線を消す方法(2つの簡単な方法)

テーブルは、さまざまなデータや情報を整理された構造的な形式で表示するために一般的に使用されます。しかし、WordPressのテーブルのデフォルトの外観には、視覚的な境界線が含まれています。

このボーダーは多くの場合不可欠ですが、デザインの美しさを高めるためにボーダーを隠す必要がある場合も多々あります。そのため、多くのウェブデザイナーがテーブルの枠線を消す方法を探しています。

この記事では、WordPressでテーブルの枠線を消す簡単な方法を紹介します。WordPressのデフォルトのテーブルと、テーブルプラグインを使って説明します。

テーブル・プラグインから始めよう。

美しいテーブルを作る
ブロックエディター付き

方法1:デフォルト・テーブル・ブロックのテーブル・ボーダーを削除する

デフォルトのテーブル・ブロックのボーダーを削除する方法を見てみましょう。

ステップ 01: 最初にテーブルを作成する

すでにご存知であることを願う WordPressのデフォルトシステムを使ってテーブルを作成する方法.また、チュートリアルの以下の部分をデモンストレーションするために、いくつかのダミー情報を使って作成しました。

WordPressのデフォルトシステムで作成されたテーブル

ステップ02: テーブルブロックを選択して枠線を隠す

をクリックしてテーブル全体を選択する。 テーブル・ブロック アイコンをツールバーに表示する。にジャンプする。 スタイル タブをクリックしてください。

テーブルの境界線を選択する

に来てほしい。 国境 オプションを選択し、右サイドバーをスクロールダウンする。右サイドバーの ボーダー値ゼロ(0) 目盛りをドラッグする。テーブルの境界線が消えます。

WordPressのデフォルトテーブルのボーダーを隠す

方法2:テーブルバーグブロックのテーブルボーダーを削除する

ボーダーをもっとコントロールしたい場合は 内枠または外枠 を示している。 行のみまたは列のみのボーダーを使用することができます。 テーブルバーグ プラグイン

プラグインの使い方を見てみよう。

ステップ 01: プラグインのインストールと有効化

に移動する。 プラグイン > 新規プラグインの追加.プラグインを入手するには、次のように入力します。 テーブルバーグ を検索ボックスに入力する。その後 インストール そして アクティベート それだ。

を探す テーブルバーグ・ブロック をGutenbergエディタから選択し、投稿またはページに追加します。

ステップ 02: テーブルの作成

ボーダレス・テーブルを追加したい投稿/ページに移動します。エディターに入ったら、+アイコン(1)を検索し、'Tableberg' (2).次にテーブルバーグ・ブロックをクリックして挿入する (3).

ページまたは投稿にTableBergブロックを追加する

WordPressのデフォルト・テーブルと同じように、行番号と列番号を投稿に設定する。そして、「テーブルを作成」ボタンをクリックする。

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

テーブルの各セルにGutenbergと同様のブロック追加オプションが表示されます。これらを使って、テーブルに好きなコンテンツを追加することができる。

TableBergテーブルにブロックとコンテンツを追加する

このプラグインを使ってダミーのテーブルを作成した。次に、テーブルからボーダーを削除する方法を紹介します。

TableBergプラグインで作成した表

ステップ03:テーブルからボーダーを取り除く

をクリックしてテーブルバーグ・ブロック全体を選択する。 テーブルバーグ・アイコン をクリックする。次に スタイル タブをクリックしてください。

TableBergブロック全体を選択し、境界線の削除を開始する。

サイドバーを少しスクロールする。オプションをオフにする インナーボーダーを有効にする.を作る。 テーブル・ボーダー・サイズ 目盛りをドラッグしてゼロ(0)にする。

これで表から枠線が取り除かれる。これで、表の内容を編集して体裁を整えることができます。

テーブルの境界線を隠す

テーブルのボーダーを自分で隠す

本日のチュートリアルはここまで。この記事に従うことで、WordPressのウェブサイトでテーブルの境界線を簡単に隠すことができるようになることを願っています。WordPressのテーブル作成に関するヒントや提案をもっと知りたい方は、コメント欄から貴重なご意見をお寄せください。



テーブルバーグ・チーム