You can use “wp_trim_words” function for this case. Exam: To display the first two words. echo esc_html(wp_trim_words( get_the_title(), 2, ” ) ); Use this code within your H1 tag. You can control the number of words you want to show in the title by changing the second parameter of the function “wp_trim_words” to know more … Read more
In this code: const Label = ( props ) => { const { PaymentMethodLabel } = props.components return <PaymentMethodLabel text={ label } /> /* in this line i am getting erro */ } you use label variable, but it is not defined anywhere. It should be props.label? But also, later you are using this like … Read more
I solved this issue when I realized that all style attributes are held in the $attributes array passed to the render.php file. It is a lot of raw work, but specific styles from block supports can be extracted from this object. For certain supports, I have to check multiple possible locations in the block supports, … Read more
Custom `BlockControls` button for multiple block selection of different types
The issue of Gutenberg blocks aligning fully to the left in the editor, leaving no space between the text/images and the left side of the editor, can be caused by a few factors. Here are some potential causes and solutions: Theme or Plugin Conflict A conflict with your active theme or a plugin could lead … Read more
We can utilize the useSelect hook from the @wordpress/data package to display the post title in custom block within the WordPress block editor. useSelect hook allows us to fetch the post data using the current post ID within the block editor. Here’s the updated code of custom-blocks.js to achieve this. import { registerBlockType } from … Read more
It looks like the issue is appearing because we have not passed image id along with the image url, so could you please try to do the same and then take a look. You can do this by replacing the given code product.images.map((img) => ({ url: img.src })) with product.images.map((img) => ({ id: img.id, url: … Read more
I had the same problem with WordPress 6.6.2, even with the Gutenberg 19.4.0 plugin installed. I have found the following workaround: Temporarily unpublish pages you don’t want to select as the parent page of your page list (set them to draft). Since the dropdown only shows published pages, this will bring up the page you … Read more
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
Query Loop block display multiple post types