Gutenbergこんにちは。DrupalでGutenbergのカスタムブロックを作成する機会がありました。DrupalでGutenbergと言っても実際はReactJS構文ですのでWordPressで作る場合と大きな違いはなさそうです。違う点としてはモジュール化するところをDrupalの作法に沿って作成するという形になりそうです。マニュアルに作成手順がありますので今回はこちらを参考にカスタムモジュールのベースのを作る手順を紹介したいと思います。blocksカスタムモジュールのベースを準備するGutenbergモジュールをインストールした状態で次のexample_blockディレクトリをコピーしてmy_custom_blocksにリネームします。modules/gutenberg/modules/example_block↓modules/custom/my_custom_blocksファイル名を変更するpackage.example.jsonをpackage.jsonにexample_blockをmy_custom_blocksにリネームします。その後、各ファイル内の次の箇所を修正します。{カスタムモジュールをビルドするmy_custom_blocksディレクトリで次のコマンドを実行します。Block」が追加されているので有効化します。Block」が表示されていると思います。※反映されない場合は「環境設定→パフォーマンス」からキャッシュを削除してみてください。選択して何か入力して保存をしてみます。カスタムブロックを作る」になります。入力画面や表示画面のカスタマイズはJavaScriptで追加していく形になりますのでWordPressの作成を参考にして適宜マニュアルを確認すると良さそうです。HandbookDrupalでGutenbergのカスタムブロックを作る場合に参考にしてみてください。RSSましじめのスキルが必要ですか?遠慮なくご相談ください。我々はあなたのプロジェクトに最善を尽くし、あなたのウェブサイトの制作を強力にサポートすることができます。ご連絡おまちしています!10万円からホームページ作成サービスフレームワークをベースに柔軟なカスタマイズ&低価格で作成します。ブログお問い合わせお問い合わせ。