簡単に表中にリンクボタンを追加する方法

はじめに

A	B
公式フォーラム	公式フォーラム

表1に、完成イメージを示します。
「テーブル」ブロック中に、ボタンを追加する方法を述べます。

手順

テキストリンクを入力

図1に、Gutenbergエディターを示します。
以下の手順で、テキストリンクを追加します。

1. テーブル中のテキストを選択
2. 「リンク」を選択
3. リンク先のURLを入力

ハイライト設定

以下の手順で、ボタンの背景色を設定します。

1. リンクテキストを選択し、ハイライトを選択
2. パレットの背景を選択し、ボタンの背景色を設定

CSSを追加

以下のコードを、style.cssに追加します。

table mark {
  border-radius: 4px;
  display: inline-block;
  line-height: normal;
  padding: 7px 13px;
  transition: all 0.3s ease-in-out;
}

table mark:hover {
  opacity: 0.7;
}

table mark + .anchor-icon {
  display: none;
}