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
Auf dieser Seite können Sie das Online-Video Creating a custom WordPress admin screen using Gutenberg packages: Part 1 | WordPress Tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Ryan Welcher Codes 12 April 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,855 Mal angesehen und es wurde von 37 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
