【SANGO ボックスメニューブロック】の使い方

この記事では、SANGO Gutenberg プラグインのオリジナルブロックである【SANGO コードボックスブロック】について解説していきます。

下のような見た目のブロックを作ることができて、ブログのサイドメニューにアイコン付きのメニューとして設置する際におすすめです！

目次非表示

サンプル例

まずは、使い方をざっくりと掴んでいただけるように動画を用意しましたのでご覧ください。

まずはエディターを開き、ブロック追加ボタンをクリックします。

クリックすると、ブロック一覧が表示されるのでその中から「ボックスメニュー」と書かれたブロックを選択します。

タイトル設定では以下の項目が設定できます。

またボックスメニューの外枠を以下のように非表示にできます。これはサイドエリアにボックスメニューを表示したい際にはおすすめです。

ボックスメニューブロックでは1行に2~4個アイテムを設置することができます。1行に表示したいアイテムの数は以下のスライダーより調整できます。

それぞれのアイテムに対して以下の項目を設定できます。

またそれぞれのアイテムは「アイテムを削除」を押して削除したり、「隣にアイテムを追加」をクリックして現在のアイテムの隣に新たなアイテムを追加することができます。