Building an extendible WordPress admin Settings page with Gutenberg Components
|

Building an extendible WordPress admin Settings page with Gutenberg Components

In a WordPress settings page 3rd-party developers can inject their own settings fields / HTML with action hooks, but you cannot do the same if you decide to build your plugin’s settings page in React. This article explores the options to make our React Components extendible such that 3rd-party developers can easily inject their own…

Deploy Your Plugin to the WordPress.org Repository Using GitHub Actions

Deploy Your Plugin to the WordPress.org Repository Using GitHub Actions

Automating the deployment of your WordPress plugin to the WordPress.org repository can save you time and ensure a smooth release process. With GitHub Actions and the 10up/action-wordpress-plugin-asset-update action, you can streamline this process. Here’s how to set it up: Step 1: Prepare Your Plugin Ensure your plugin follows WordPress.org guidelines and includes the necessary files…

How to Build an Admin Page Using React in WordPress

How to Build an Admin Page Using React in WordPress

Creating a custom admin page using React in WordPress can enhance the functionality and user experience of your site. In this guide, we’ll use @wordpress/element for React, and @wordpress/components for UI elements. We’ll also set up a minimal workable Webpack configuration. Step 1: Install Necessary Packages First, ensure you have Node.js and npm installed. Then,…