「比較ボックス」パターンを追加

はじめに

本スキンでは、Gutenbergエディターに以下のような「比較ボックス」パターンを追加しています（図1参照）。
その使い方について説明します。

WordPressに比較表を挿入するプラグイン

WordPressに比較ボックスを挿入するプラグイン「Useful Blocks」の紹介です。簡単に比較表を作成、編集ができます。色の変更やアイコンの種類の変更も可能です。WordPressのグーテンベルク専用プラグインです。

ponhiro.com

表示例

画面幅が834px以下のとき、縦に並びます。

手順

以下の手順でパターンを呼び出します。

1. 「ブロック挿入ツールを切り替え」をクリックします。
2. パターン→メイド・イン・ヘブンを選択します。
3. 「比較ボックス」を選択して配置します。

説明

図2にパターンのリストビューを示します。
Cocoonのブロックを使用して「比較ボックス」を作成しており、アイコンリストのアイコンなども変更可能です。

さいごに

本スキンのカスタマイズにより、Gutenbergエディターで比較ボックスパターンを簡単に作成でき、情報を効果的に整理できます。