In 5.0 new function was introduced (docs): WP_Screen::is_block_editor( bool $set = null ) which sets or returns whether the block editor is loading on the current screen. So you can do that check using this code: global $current_screen; $current_screen = get_current_screen(); if ( method_exists($current_screen, ‘is_block_editor’) && $current_screen->is_block_editor() ) { // DO SOMETHING } You can also add to this … Read more
You can make use of components inside your block. However, to insert a block inside your block you need to make use of the editor component Innerblocks. Using it you can set a predefined template which includes certain blocks in a specific order. Or you can set allowed blocks that can be added by the … Read more
Simply add the following to functions.php file of your current theme. <?php /** * Disable Gutenberg for supported posts. */ add_filter( ‘use_block_editor_for_post_type’, ‘__return_false’, 100 ); /** * Disable Gutenberg action and filter hooks. */ function df_disable_gutenberg_hooks() { remove_action( ‘admin_menu’, ‘gutenberg_menu’ ); remove_action( ‘admin_init’, ‘gutenberg_redirect_demo’ ); remove_filter( ‘wp_refresh_nonces’, ‘gutenberg_add_rest_nonce_to_heartbeat_response_headers’ ); remove_filter( ‘get_edit_post_link’, ‘gutenberg_revisions_link_to_editor’ ); remove_filter( ‘wp_prepare_revision_for_js’, … Read more
The short answer is you can’t. But you can accomplish this by using a block template that only contains your block and is locked. If your block has an InnerBlocks instance, you can add any of the registered blocks to it. add_action( ‘init’, ‘insert_template’ ); function insert_template() { $post_type_object = get_post_type_object( ‘post’ ); $post_type_object->template =[ … Read more
You can pass data to a child via the select and dispatch hooks. So you would set up your child block with the inherited attribute and update that when the setting on the parent block changes. Parent Block Import dependencies import { dispatch, select } from “@wordpress/data”; Your edit function might look something like this: … Read more
As mentioned in the comments, it isn’t currently supported, although there is an open issue for exactly this feature: https://github.com/WordPress/gutenberg/issues/17099 Meanwhile, I can think of a couple of ways to achieve the same effect: 1) Pages + custom rewrites As you suggested in your question, you could create a set of parallel pages with the … Read more
I investigated the states set using React Dev Tools and found the preview modes are set under the deviceType key. Went through the Gutenberg source and came across the __experimentalGetPreviewDeviceType function. /** * Returns the current deviceType. */ const { deviceType } = useSelect( select => { const { __experimentalGetPreviewDeviceType } = select( ‘core/edit-post’ ); … Read more
The issue was that I was missing { …useBlockProps() } from the encapsulated div. I was able to resolve the issue by changing the opening div returned in the edit attribute to <div {…useBlockProps()}>
Summary: Perhaps like me, you just need to rename, relocate and/or manually load your script/JSON translations files? So I created a block using the npx @wordpress/create-block gutenpride command, then I created the translation stuff (POT, PO, MO and JSON/JED files) and my plugin structure was like so (but some files like src/* were not included): … Read more
I can’t determine the syntax to use (or if it is even supported) to define the blocks’ style. For example, I would like the Button to use the “Outline” style instead of its default “Fill” style. Yes it’s supported and the syntax is quite easy. Excerpt from the block styles documentation: Block Styles allow alternative … Read more