,

WordPressでテーブルブロックにボタンを追加する方法

テーブルは通常、構造化された方法で情報を整理し、提示するために使用されます。テーブルにボタンを追加することで、ユーザーに新しい投稿やページを探させたり、それぞれの商品やサービスを購入させたりすることができる。

しかし、WordPressのデフォルトのテーブルにはボタンを追加するオプションがない。 テーブルバーグ は、この問題を解決する素晴らしいプラグインだ。Gutenbergブロックのように、セルに簡単にボタンを作成・追加することができます。

この記事では、WordPressのテーブルブロックにボタンを追加し、魅力的なものにする方法を説明します。

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

ステップ 01: TableBergプラグインのインストール

WordPressのダッシュボードに移動します。に移動します。 Dashboard > Plugins > Add New Plugin.

タイプ テーブルバーグ を右上の検索ボックスに入れてください。すぐにプラグインが下に表示されます。 インストール そして アクティベート それだ。

ステップ02: TableBergブロックを投稿/ページに追加する

テーブルを追加したい投稿またはページを開きます。をクリックする。 プラス(+)アイコン でGutenbergエディタを開きます。

タイプ テーブルバーグ を検索ボックスに入れる。下に表示された後、ブロックを押す。

TableBergを記事やページに追加する

ステップ03:行数と列数の選択

テーブルの行番号と列番号を定義する。下の画像にあるように、テーブルに4つの行と列を定義しました。

テーブルの行番号と列番号を定義する

カーソルを持って表の任意のセルをクリックする。すると プラス アイコンが現れる。打つ プラスのアイコンをクリックすると、4種類のブロックが表示され、どれでも各セルに追加できる。

このブロック・コレクションでボタン・ブロックを入手できます。

TableBergセルのブロック・ボタン

ステップ04:テーブル・コンテンツとボタンの追加

それぞれのブロックを使って、必要なコンテンツ(画像、リスト、評価、価格)をテーブルに追加しているのがわかるだろう。

テーブルにコンテンツとボタンを追加する

ステップ05:テーブル上のボタンをスタイリッシュにする

ボタンを選択します。をクリックします。 リンク オプションをツールバーに追加して、希望の投稿やページをボタンにリンクさせることができます。

に行く。 スタイル タブをクリックしてください。以下のようなカスタマイズオプションがあります。 タイポグラフィ、ボーダー、カラー、 そして ホバーカラー。

お好きなようにカスタマイズしてください。

テーブル上のボタンをスタイリッシュに

ステップ 06: テーブルをプレビューする

さて、投稿やページのフロントエンドに来て、作成したテーブルを見てみましょう。デザインやレイアウトが適切でない場合は、もう一度エディタにアクセスして必要なカスタマイズを行ってください。

テーブルをプレビューする

結論

TableBerg プラグインには、現在 4 つのブロックがあります。しかし、私たちの開発者は、あなたのテーブル作成の経験を向上させるために、今後いくつかの素晴らしいブロックを考え出すために絶えず取り組んでいます。

今後のリリースや新発表に関する最新情報をお届けします。

こちらもお読みください:



テーブルバーグ・チーム