Blog Archives - Wholesome Code

Create a Custom Block Category in the WordPress Block Inserter (Gutenberg)

March 19, 2021 12:22 pmMarch 19, 2021By Matt WatsonIn Blog, WordPress1 Comment1,068 Views

Are you writing a lot of WordPress block editor (Gutenberg) blocks for just one client? Wouldnt it be good to just group them all together? Simple, just create a custom block category. In the PHP of your plugin just add…

Add a Custom Settings Link to Your WordPress Plugin

March 19, 2021 11:41 amMarch 19, 2021By Matt WatsonIn Blog, WordPress0 Comments787 Views

function wholesomecode_wholesome_plugin_settings_link( $links ) : array { $label = esc_html__( 'Settings', 'wholesome-plugin' ); $slug = 'wholesome_plugin_settings'; array_unshift( $links,

Have you ever noticed how some plugins have one or more custom links on the WordPress Plugin screen? To be honest if I cannot find the settings for the plugin this is the first place I look: If you want…

Extend the WordPress Customizer Using JavaScript

March 18, 2021 9:52 pmMarch 18, 2021By Matt WatsonIn Blog, WordPress0 Comments543 Views

customize.control.add( new customize.Control( 'wholesomecode-wholesome-plugin-customizer-gutenberg-control', { description: __( 'Example Description', 'wholesome-plugin' ), label: __( 'Example Text', 'wholesome-plugin' ), section: sectionKey, setting: 'wholesomecode_wholesome_plugin_example_text', type: 'text', }) );

Did you know that you can create Customizer Sections and Panels in JavaScript? Did you know that you can also register Customizer Settings and Controls in JavaScript too? You can do all that and more, with code similar to the…

Hook into the Save Action for the WordPress Block Editor (Gutenberg)

March 18, 2021 9:21 pmMarch 20, 2021By Matt WatsonIn Blog, WordPress0 Comments1,076 Views

Have you ever wondered how you can perform an action on save when using Gutenberg? Are you looking for a hook or a filter so you can perform an action when saving a post? Good news, you can easily hook…

update_post_meta WordPress Block Editor (Gutenberg) Equivalent is editPost

February 10, 2021 8:54 pmMarch 18, 2021By Matt WatsonIn Blog, WordPress0 Comments670 Views

wp.data.dispatch( 'core/editor' ).editPost( { meta: { wholesomecode_meta_key_example: 'Example', }, } );

If you are wondering how to update_post_meta on the current post with Gutenberg, this is the article for you. You can just use editPost like so: The code above will update the post meta wholesomecode_meta_key_example with the value ‘Example’. Remember…

wp_get_attachment_image WordPress Block Editor (Gutenberg) Equivalent is getMeta

February 9, 2021 9:56 pmMarch 18, 2021By Matt WatsonIn Blog, WordPress0 Comments661 Views

wp.data.select( 'core' ).getMedia( 42 );

Looking for how to get the post thumbnail, or an attachment URL by its Id in WordPress gutenberg? You may have a returned post object by using the WordPress Gutenberg equivalent of WP_Query (or the WordPress Gutenberg equivalent of get_post)….

get_post_meta WordPress Block Editor (Gutenberg) Equivalent is getEditedPostAttribute(‘meta’)

February 7, 2021 7:39 pmMarch 18, 2021By Matt WatsonIn Blog, WordPress0 Comments1,029 Views

const meta = wp.data.select('core/editor').getEditedPostAttribute('meta');

If you are new to writing plugins for the WordPress Block Editor (Gutenberg), you may be searching around for how to get the meta of the current post with get_post_meta. Never fear, you can still get_post_meta, just use getEditedPostAttribute(‘meta’) on…