Creating a custom WordPress admin screen using Gutenberg packages: Part 1 | WordPress Tutorial
In this video, originally streamed on Mar 31, 2022, we start the process of creating a custom WordPress settings screen for a Pre-Publish Checklist. We will look at registering a new page in the WordPress admin, setting up our build process using the @wordpress/scripts package, rendering the React application into our new page, and finally registering a site option that we can access via the application using useEntityProp.
00:00 Intro
00:55 Scaffolding the plugin
03:43 Adding a menu page
06:53 Choosing an icon for the menu item
08:08 Creating the markup stub for the settings page
09:30 Setting up the JavaScript for our settings page
14:03 Enqueueing the JavaScript for our settings page
24:36 Using render from @wordpress/elements to render our app into the settings page
29:30 Importing @wordpress/* packages?
31:47 Matching the app markup to existing admin screens
34:33 Adding tabbed input controls to our settings page.
38:54 Enqueueing the CSS for the packages we're using - props @AkiHamano!
47:56 Creating the WordCount component
49:49 Adding a custom option to WordPress to store the page settings
58:20 Using apiFetch to access the setting.
1:15:04 Refactor to use useEntityProp for accessing the setting.
1:19:34 Persisiting the settings option to the database with saveEditedEntityRecord
Music: Philanthrope, mommy - Burgundy https://chll.to/bc9c5cfe
#Gutenberg #WordPressPluginDevelopement #CustomWordPressAdminScreen
In questa pagina del sito puoi guardare il video online Creating a custom WordPress admin screen using Gutenberg packages: Part 1 | WordPress Tutorial della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Ryan Welcher Codes 12 aprile 2022, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 1,855 volte e gli è piaciuto 37 spettatori. Buona visione!
