The register_block_style function is what you’ll want. The basic implementation is register_block_style( ‘core/table’, array( ‘name’ => ‘my-table-style’, ‘label’ => ‘My Table Style’, ) ); When you select the style, it will add the is-style-my-table-style class to the block, which you can style using your style.css or other stylesheet. There are two other implementations, where you … Read more
Perhaps this is because I’ve got WP set up as multisite. Yes, that’s right, WordPress disables the siteurl (and also admin_email) settings on a Multisite — see register_initial_settings() for the source. And I don’t know why they disable those (two) settings, but you can explicitly enable them like so for the url/siteurl setting, which for … Read more
A simple solution would be to register custom block style variations for the core/columns block and let the user select your custom padding settings from these, instead of editing class names in the extra classes field (which isn’t too comfortable from a user’s perspective). Gutenberg automatically outputs class names in the form is-style-(name of block … Read more
It’s just an anchor link, so it will be the URL of the post plus the ID you gave it, preceded by a hash.
Elliot Condon of ACF notes that ACF block ID behavior could be better documented, but here’s what I know through my own testing and reading of the documentation: ACF assigns a new block ID when you first save an ACF block within a post. If you update the block data, such as if you change … Read more
Future readers: I will update this answer based on further research if I find a better way to do it, but this represents the current best effort. If you are reading this, and curious if I found a better solution, look below, if I found it i updated this answer, if I didn’t.. then I … Read more
Short Answer The second parameter for useSelect is the second parameter for useCallback, so check the React website and you’d understand what the heck that second parameter is.. 🙂 Long Answer useSelect is a custom React hook which uses the core useCallback hook in React which returns a memoized callback which can avoid expensive calculations … Read more
I assume it’s because I need onSelect added, but I’m not sure what to do. What do I need to add to make it so when the user clicks on the variation it’s entered in the editor? One way, is add a variation attribute to your block type, then change the attribute value in the … Read more
wp.media is the JavaScript API WordPress uses to display the media library modal. You can use it yourself by enqueueing a custom JS script on your admin page: wp_enqueue_script(‘media-upload’); wp_enqueue_media(); wp_enqueue_script( ‘pb-admin-script’, ‘admin.js’, array( ‘jquery’, ) ); Then work with it like this: HTML: <button class=”upload_image_button button button-primary”> <?php _e(‘Upload Image’, ‘pb’); ?> </button> <img … Read more
BUT, for some reason, the accordion function from jQuery UI doesn’t get attached to the .accordion class of my block in the block editor, so the accordion effect doesn’t work. The ServerSideRender component uses the REST API to fetch the dynamic block output, hence the above issue happens because by the time the DOM is … Read more