Creating a custom WordPress admin screen using Gutenberg packages: Part 1 | WordPress Tutorial

Publié le: 12 avril 2022
sur la chaîne: Ryan Welcher Codes

1,855

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

Sur cette page du site, vous pouvez voir la vidéo en ligne Creating a custom WordPress admin screen using Gutenberg packages: Part 1 | WordPress Tutorial durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Ryan Welcher Codes 12 avril 2022, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 1,855 fois et il a aimé 37 téléspectateurs. Bon visionnage!

40,576

118