I was able to achieve the functionality I desired by simply using the scrollIntoView API documented here to scroll the selected slide into view after my slider adjusted its position.
For those looking for a PHP solution. A good place to do this is in the render_callback function. One thing to keep in mind with this solution is that this only works on first load, which is good enough for the frontend, but it will not work accurately in the Gutenberg editor itself once you … Read more
If The Goal Is Adding It When a Block Is Used WP will automatically add JS if you specify the file in block.json, specify a viewScript and it will register and enqueue that script when the block is used ( and only when it’s used ). Likewise for CSS you can specify style. Both take … Read more
This should work: <?php if ( is_user_logged_in() ) { echo “This isn’t editable in here”; } else { include get_template_directory() . ‘/template-parts/blocks/form/from/functions.php’; if ( ! isset( $_POST[‘firstFormDisplayed’] ) ) { // we haven’t yet displayed the form asking for numbers, so do that now. displayFirstForm(); } else { // we’ve got the numbers, but not … Read more
Here’s how Kadence does it. I’d avoid hacks like that if possible but I’m not sure what your requirements are. Some alternative ideas (not mutually exclusive): Use plugin sidebar Add a command to do whatever the button would Add a keyboard shortcut to do whatever the button would On that third item I don’t know … Read more
import { store as editPostStore } from ‘@wordpress/edit-post’; Is not the same as const { editPostStore } = wp.editPost.store; In the first line store is editPostStore, but in your second line editPostStore is a property of store, but it doesn’t exist. The correct syntax is const editPostStore = wp.editPost.store; Or const { store: editPostStore } … Read more
The same way you do it for the classic editor, there’s a dedicated API for this: https://developer.wordpress.org/reference/functions/add_editor_style/ https://developer.wordpress.org/reference/functions/add_editor_style/#comment-1171: /** * Registers an editor stylesheet for the theme. */ function wpdocs_theme_add_editor_styles() { add_editor_style( ‘custom-editor-style.css’ ); } add_action( ‘admin_init’, ‘wpdocs_theme_add_editor_styles’ ); The block editor will read in your stylesheet, modify the rules so that they only apply … Read more
When you return $post->post_content you’re returning the raw content from the database. Things like shortcodes, dynamic blocks and responsive image markup will not exist in the content. To prepare content for output you need to run it through the the_content filter: ‘content’ => apply_filters( ‘the_content’, $post->post_content ), That being said, there is already an endpoint … Read more
Finally,I have found a solution. I can pass my custom block to the InnerBlocks inside a template prop. const TEMPLATE = [ [ “core/columns”, {}, [ [ “core/column”, {}, [[“custom/Block A”, { url: “this is a url” }]], ], [ “core/column”, {}, [[“core/paragraph”, { placeholder: “Enter side content…” }]], ], ], ], ]; <InnerBlocks template={TEMPLATE} … Read more
Yes. [class*=”wp-block”][class]:hover > img { filter: none; } That ruleset works for hover on either Image or Cover blocks but you may want to write less generic selector for it depending on your intent.