Use the below example code to add pre-publish conditions to the block editor in your WordPress:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 | const { registerPlugin } = wp.plugins; const { PluginPrePublishPanel } = wp.editPost; const { select, dispatch } = wp.data; const { count } = wp.wordcount; const { serialize } = wp.blocks; const { PanelBody } = wp.components; const PrePublishCheckList = () => { let lockPost = false; // Get the WordCount const blocks = select( 'core/block-editor' ).getBlocks(); const wordCount = count( serialize( blocks ), 'words' ); let wordCountMessage = `${wordCount}`; if ( wordCount < 500 ) { lockPost = true; wordCountMessage += ` - Minimum of 500 required.`; } // Get the cats const cats = select( 'core/editor' ).getEditedPostAttribute( 'categories' ); let catsMessage = 'Set'; if ( ! cats.length ) { lockPost = true; catsMessage = 'Missing'; } else { // Check that the cat is not uncategorized - this assumes that the ID of Uncategorized is 1, which it would be for most installs. if ( cats.length === 1 && cats[0] === 1 ) { lockPost = true; catsMessage = 'Cannot use Uncategorized'; } } // Get the tags const tags = select( 'core/editor' ).getEditedPostAttribute( 'tags' ); let tagsMessage = 'Set'; if ( tags.length < 3 || tags.length > 5 ) { lockPost = true; tagsMessage = 'Required 3 - 5 tags'; } // Get the featured image const featuredImageID = select( 'core/editor' ).getEditedPostAttribute( 'featured_media' ); let featuredImage = 'Set'; if ( featuredImageID === 0 ) { lockPost = true; featuredImage = 'Not Set'; } // Do we need to lock the post? if ( lockPost === true ) { dispatch( 'core/editor' ).lockPostSaving(); } else { dispatch( 'core/editor' ).unlockPostSaving(); } return ( <PluginPrePublishPanel title={ 'Publish Checklist' }> <p><b>Word Count:</b> { wordCountMessage }</p> <p><b>Categories:</b> { catsMessage }</p> <p><b>Tags:</b> { tagsMessage }</p> <p><b>Featured Image:</b> { featuredImage }</p> </PluginPrePublishPanel> ) }; registerPlugin( 'pre-publish-checklist', { render: PrePublishCheckList } ); |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.
