No code changes are necessary, it can be done entirely in the UI. Sidebars appear in the 3 dot drop down menu, the star is just a way to add a shortcut to the top toolbar, e.g. here are the Yoast and Jetpack sidebars listed: Clicking on those options brings up their sidebars, as well … Read more
Gutenberg is not intended to do dynamic React stuff in front-end. Nevertheless there is a way to bypass this problem: I assume the structure of gutenberg block when using npm init @wordpress/block my-block to init your block. You have to register your own client-side script in my-block.php to be executed on front-end; one drawback: it … Read more
You have two choices. The first one you’ve discovered: change the block’s underlying code, and you will trigger validation errors. The benefit is, you’re only including the JS currently required for your block – so it keeps the code as lightweight as possible. The second option: add deprecated code into your block. In this case, … Read more
What you asked for is not possible for blocks that rely on frontend javascript, this includes embeds. It’s also not possible using the Swiper react library. The Swiper library made the questionable choice of manually inspecting child components for the SwiperSlide component name, preventing it from ever being used with child blocks. Edit: Actually maybe … Read more
You can used this plugin Photonic for your requirement Photonic doesn’t just cover Google Photos – it allows you to add images from a range of services. Like the previous plugin, you’ll need to create API keys and authenticate with your Gooogle account in order to use it. Once you do, you are ready to … Read more
Actually, there are many ways to do what you asked, but I’m going to give you an example based on this example on the official React website, which uses AJAX with a class-based component (but there’s also an example there using function component with hooks). So for the PHP part, we’ll create a custom REST … Read more
Because { content } is shorthand for { content: content } it’s a JS thing not a WordPress thing. Both methods work and do the same thing, but the { content } syntax is shorter, so the variable was named content in newer examples to allow it. Otherwise, there are no security or performance improvements, … Read more
As far as I understand the wp_head and wp_footer actions should still work under FSE in WP 5.9+, through the template canvas PHP file that’s loaded through the locate_block_template(). That PHP file contains the basic HTML structure and there we find e.g. the familiar wp_head() and wp_footer() function calls that we usually had in the … Read more
Due to the getDocumentTitle selector being deprecated as mentioned here https://stackoverflow.com/questions/51674293/use-page-title-in-gutenberg-custom-banner-block/51792096#comment92130728_51792096 I managed to get it working with a slight tweak to the code by Jim-miraidev var GetTitle = function GetTitle(props) { return el(“h1”, {className: “jab-banner-title”}, props.title); }; var selectTitle = withSelect(function (select) { var title; if (typeof select(“core/editor”).getPostEdits().title !== ‘undefined’) { title = select(“core/editor”).getPostEdits().title; … Read more
(I revised this answer mainly to let other readers and you know the issues I originally noticed in your steps as shown in the question.) So in my original answer, I was focused on suggesting you to just go with the multiple script translation files, but I thought I should clarify the three things below: … Read more