Styling parent based on a child element of a child in a WordPress page
Styling parent based on a child element of a child in a WordPress page
javascript
Is it possible to add javascript to template parts
This is not supposed to work (and it does not work) in a way you wanted. I guess you are talking about new FSE template parts (.hmtl), and not legacy (.php) template parts. You can only add HTML and blocks to .html template parts and javascript is enqueued as a part of a block. Alternatively, … Read more
How to securely set dynamic HTML content with JavaScript?
Using wp_kses_post to escape the texts before setting them in wp_add_inline_script is a good approach to prevent malicious content from being added to the page. This will ensure that the text is properly sanitized and only contains allowed HTML tags and attributes. If you want to allow certain HTML tags and attributes, you can use … Read more
How can I show a Slot/Fill in the block editor
By wrapping everything in a <SlotFillProvider> and rendering MyTestFill it works, here is the code: const { Fill, Slot } = createSlotFill( ‘MyFill’ ); const TestFill = () => <Fill>My item in the editor</Fill>; export default function Edit() { return ( <p { …useBlockProps() }> <SlotFillProvider> <Slot /> { __( ‘Fill Test – hello from … Read more
How to detect if we are in the Site Editor part of the Block Editor (as opposed to editing a Page/Post) in JavaScript?
The Block Editor, in both the context of the editing pages or the Site Editor, actually does provide some simple variables in JavaScript similar to the data that is available via get_current_screen in PHP. Sample variables in Page Editor: var ajaxurl=”/mysite/wp-admin/admin-ajax.php”, pagenow = ‘page’, typenow = ‘page’, adminpage=”post-new-php”, thousandsSeparator=”,”, decimalPoint=”.”, isRtl = 0; Sample variables … Read more
Update js file on wordpress page after making changes
Update js file on wordpress page after making changes
How To Include JS Script with WP 2023 Theme
How To Include JS Script with WP 2023 Theme
Use add_action to run a script, but only on the post editor page
The function get_current_screen gets the current screen object. I used a condition inside my callback function to return a script only if the screen id == post: if( $currentScreen->id === “post” ) { echo ” <script> </script>”; } https://developer.wordpress.org/reference/functions/get_current_screen/
Error – Uncaught TypeError: e.dispatchEvent is not a function
Error – Uncaught TypeError: e.dispatchEvent is not a function
Why is this script not working?
I think the issue that the Google maps API isn’t loading correctly. You need to make sure that the both jQuery and Google maps API are being loaded. https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js http://maps.google.com/maps/api/js It can be any recent version of jQuery, and from any source. Assuming that your jQuery function is contained within your google-maps-address.js file the following … Read more