How can I check if a post is dirty using javascript on the edit post screen?
How can I check if a post is dirty using javascript on the edit post screen?
javascript
How to include block style variations for blocks in posts dynamically rendered via the Interactivity API
Block variation styles are parsed and processed through wp_render_block_style_variation_support_styles(). This is marked as private and thus should not be called by third-party code outside WordPress core. This function is called by virtue of being hooked into the render_block_data hook. Thus, if you have a subset of known block structures that may appear, you could consider … Read more
Add a React search box to blog home error – Cannot read properties of undefined (reading ‘jsx’)
Add a React search box to blog home error – Cannot read properties of undefined (reading ‘jsx’)
Create a Query Loop block
Create a Query Loop block
How to render initial posts on page load in a Gutenberg block using the Interactivity API?
You could consider running actions.getPosts on mount via data-wp-init like: <div … data-wp-init=”actions.getPosts”> As per the documentation: This directive runs a callback only when the node is created. You could also consider server-rendering the initial set of posts, like: <div data-wp-watch=”callbacks.renderContent”> <?php $query = new WP_Query( array( … ) ); ?> <?php while( $query->have_posts() ) … Read more
Pass global variable data to localize_script
The issue you’re encountering is related to the execution order in WordPress. Global variables in WordPress are request-specific and are not preserved across different requests or different parts of a request unless they are included within the same scope. The wp_enqueue_scripts action runs before the template file is executed, hence your $product_filter_data array is still … Read more
Why does website not scroll to top of container when phone is rotated?
Why does website not scroll to top of container when phone is rotated?
How to get selected category objects in the block editor?
We need to modified the code with slight different approach. In this modified version of code we are using the useSelect hook to get the selected categories and categories and also ensure the data is available before attempting to filter it. (function (wp) { const { useSelect } = wp.data; function getSelectedCategories() { // We … Read more
How to auto rename JS files to prevent browser cache issues
The function wp_enqueue_script takes a parameter $ver that you can use to automatically add an version parameter to the URL. To always load the newest version of your Javascript-File, you can use the php filemtime-function to give the timestamp of the modification date. In a Plugin, use like this: wp_register_script( ‘my-awesome-script’, plugin_dir_url( __FILE__ ). ‘assets/my-awesome-script.js’, … Read more
Extend WordPress Gutenberg core/navigation-link
Extend WordPress Gutenberg core/navigation-link