I am trying to create custom plugins for WordPress using React. For context, I have been following this video:
Running WordPress locally on XAMPP, I have added two new plugins:
--wp-content ----plugins ---+added-plugin-one ---+added-plugin-two
Each added plugin has the same basic structure – they are React apps that have been added following the instructions in the video (in the Boilerplate Plugin section).
When I add the plugins and run
npm run build, I can see them on the Plugins menu on the WordPress Dashboard. I can activate both plugins from this screen as well (see screenshot of plugins menu with “Brad’s Boilerplate Block Plugin” and “Jon’s Boilerplate Block Plugin” activated):
However, when I go to edit a post and try to insert these blocks, I only see one of the blocks:
I can deactivate either one and see the other one in the post editor, but I would like to see both plugins and be able to use both of them. Is there a reason why I might only be able to use one of them and not both? Thanks for any suggestions.
Here is a GitHub link to the
plugins folder inside
wp-content with the two plugins I am trying to add: