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’)
javascript
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
How to render HTML content using the Interactivity API?
Rather than binding text with a directive, you could bind a callback with data-wp-watch that sets the inner HTML of the div when it runs: <div data-wp-watch=”callbacks.renderContent”></div> callbacks: { renderContent() { const context = getContext(); const element = getElement(); element.ref.innerHTML = context.randomPost.content.rendered; }, }, Since the callback uses context.randomPost.content.rendered, it should run any time that … Read more
Why Is wp.editor Not Adding the ”Add Media” Button When I Initialize It?
Why Is wp.editor Not Adding the ”Add Media” Button When I Initialize It?