ワードプレス カスタムブロックの設定サイドバーに項目を追加するには?

ショコラ
ショコラ

ワードプレス カスタムブロックの設定サイドバーに項目を追加するには?

InspectorControls@wordpress/block-editor を使うみたいです。
ブロックコントロール: ブロックツールバーと設定サイドバーを見ながらチャレンジしてみます。
この記事の前に「ワードプレスでカスタムブロックを作るには?」で環境を整えておくこと。

もっさん先輩
もっさん先輩
  1. カスタムブロックの srcディレクトリに移動します。
cd /var/www/html/wp-content/plugins/gutenpride/src
  1. 「ブロックコントロール: ブロックツールバーと設定サイドバー」のページに記載されているソースをコピーします。
curl -OL https://answorz.com/5360/index.js
  1. カスタムブロックのディレクトリに移動します。(1つ上に移動)
cd /var/www/html/wp-content/plugins/gutenpride
  1. @wordpress/components モジュールをインストールします。
npm install @wordpress/components --save
  1. カスタムブロックをビルドします。
npm run build

完成です。

Scroll to Top