コピペでカスタマイズが完了するサービス SANGO Land

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

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

SANGOのカスタマイズ方法を記事にする時に最適かと思います。例えば以下のようなコードを【SANGO ボックスメニューブロック】で表現できます。

サンプル例

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

SANGOボックスメニューブロックの呼び出し方

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

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

各種設定項目

タイトル設定

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

  • タイトルを中央表示
  • アイコン
  • タイトル文字色
  • タイトル背景色

外枠設定

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

カラム数設定

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

アイテムごとの個別設定

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

  • アイコン
  • アイコンカラー
  • リンクURL
  • リンククリック時に別タブで開くかどうか

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

コメントを残す

* は入力必須項目です。
コメント投稿ガイドラインを読んでから投稿してください。
メールアドレスは公開されませんが、名前は公開されます。

HTMLやPHPのコードを掲載するときはHTMLエスケープツールで特殊文字を変換してから貼り付けてください。