Curating the Editor Experience: Tips & Tricks

[bph]

Discussed in #262

^{Originally posted by ndiego May 6, 2024}
The title is still TBD, but the idea of this article will be to showcase the many lesser known ways you can curate the Editing experience in WordPress. We already have a few articles on this topic that cover bigger topics like client-side and server-side filtering, but I think it would be fun to showcase ~10 real-world examples and then directs the reader back to the official documentation and/or other related articles.

This topic idea corresponds with ongoing work to improve the Curating the Editor Experience section of the Block Editor Handbook.

[ndiego]

The first draft is ready for review here: https://docs.google.com/document/d/1TrvgGtfthBMv-3nQgqHjizd370ROTcEVmG4Y9KQWyAE/edit

[justintadlock]

Good job, @ndiego. First review finished.

If you want to try a shorter code example for the duotone filter, here's a quick and untested idea. Your code looks OK, though.

function example_enable_duotone_to_media_text_blocks( $args, $block_type ) {
	
	// Only apply the filter to Media & Text blocks.
	if ( 'core/media-text' !== $block_type ) {
		return $args;
	}

	$args['supports'] ??= [];
	$args['supports']['filter'] ??= [];
	$args['supports']['filter']['duotone'] = true;

	$args['selectors'] ??= [];
	$args['selectors']['filter'] ??= [];
	$args['selectors']['filter']['duotone'] = '.wp-block-media-text .wp-block-media-text__media';

	return $args;
}

add_filter( 'register_block_type_args', 'example_enable_duotone_to_media_text_blocks', 10, 2 );

[ndiego]

If you want to try a shorter code example for the duotone filter, here's a quick and untested idea. Your code looks OK, though.

Code works great, thanks! Much simpler.

[bph]

I am done with the second review and would say it's ready to be published. Fabulous article again @ndiego

Pre-publishing checklist: (updated 1/29/2024)

• Post Title and subheaders in sentence case
• Are Category or Categories selected?
• Are Tags identifies?
• Is there an explicit Excerpt?
• Are all images files uploaded to the media library
• Do all images have an alt-text?
• For TOC us the Pattern under Developer Blog > Table of contents
• Assign or upload a featured image
• Props added? (See Guidelines)
• add copy for a social post as comment to this issue (example)
  🙌 Publish! 📗

Post-publishing checklist

• add Props for reviews to #props channel in WP Slack (Example) (use Slack handles)
• Add the label "post to social" to the issue
• close the issue with a comment to link to the published post
• close the accompanying discussion with the link to the published post.

[ndiego]

Post has been published: https://developer.wordpress.org/news/2024/07/04/15-ways-to-curate-the-wordpress-editing-experience/

Social copy:

Customizing the WordPress Editor can enhance your user's editing experience by streamlining content creation and ensuring consistency. Discover 15 curation methods you can use to optimize your site.

[bph]

social scheduled for July 26