ブロックエディターできれいな表テーブルが作れるプラグイン「Flexible Table Block」

ワードプレスは現在ブロックエディター(Gutenberg)が主流になっています。

ブロックエディターは使いにくいと評判が悪く、僕も以前はクラシックエディター派でしたが、慣れるととても使い勝手がいいです。

見出し、画像、文字装飾など、高デザインのページが作れちゃいます。

今ではすっかりお気に入りのブロックエディターですが、欠点もあります。
それは「テーブル機能」が貧弱なこと。

きれいな表を作ろうと思っても、機能不足で作れないんですよね。

そこで、この記事では、そんな不満を解消してくれるプラグイン「Flexible Table Block」を紹介したいと思います。

ブロックエディター標準の表テーブル機能

ブロックエディターには表テーブル機能があるんですが、非常におそまつです。
以下は標準のテーブル機能で作った表です。

とりあえず表になっているという程度のレベルですね。

そこで、導入をおすすめしたいのが、「Flexible Table Block」です。

「Flexible Table Block」は管理画面のプラグイン→新規追加でインストールします。

プラグインの検索に「Flexible Table Block」と入力します。

今すぐインストールをクリックして、プラグインを有効化します。

これでプラグインのインストールは完了です。

次に、投稿ページに行ってブロックメニューを開きます。

「Flexible Table Block」を選びます。

すると、表が作成されます。

行と列の挿入は表アイコンから行います。

表の列と行数が決まったら、データを入力します。

入力後、プレビューで見ると、以下のような表ができています。

ここから装飾を加えていきます。

表の1列目のセルの文字色を白、背景色を青にしてみます。
1行目のセルはシフトキーを押しながら選択します。

色を変えるには右のブロックメニューから行います。

1列目のセル文字は太字にします。

すると、以下のようになります。