ワードプレス サンプルのカスタムブロックを作るには?

ショコラ
ショコラ

ワードプレス サンプルのカスタムブロックを作るには?

ブロックの作成 チュートリアルを見ながらチャレンジしてみます。
この記事の前に「ワードプレスでカスタムブロックを作るには?」で環境を整えておくこと。

もっさん先輩
もっさん先輩
  1. カスタムブロックの srcディレクトリに移動します。
cd /var/www/html/wp-content/plugins/gutenpride/src
  1. 「ブロックの属性」のページに記載されているソースをコピーします。
curl -OL https://answorz.com/5282/block.json\
 -OL https://answorz.com/5282/edit.js\
 -OL https://answorz.com/5282/save.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