Does WordPress ship any polyfills of its own for the global environment? No, as far as I remember WP core doesn’t ship with any polyfills. What are best practices around handling/shipping polyfills in WordPress plugins? The typical practice for JS in public WP extensions is to either: stick with core–provided scripts/environment; isolate your code and … Read more
Decoding that JavaScript “gibberish” reveals that this is a script to open a popup with ads in it after the user clicks somewhere. The mean part is that these popups won’t be shown if you’re currently logged in. That’s why these scripts often go unnoticed. Here’s a redacted excerpt: var t = false; document.onclick= function(event) … Read more
If we do this in the browser dev tools console: var b = wp.data.select(“core/editor”); We can then inspect the b variable to see what functions it exposes via autocomplete, or debugging tools. Notice, I didn’t call getBlocks(), the post title has never been a part of the post content, why would that change now? A … Read more
You are using this flatpickr, right? So I don’t use Elementor and therefore, I haven’t tested this with Elementor or an Elementor form. However, from what I could see, all you need to do to make both the minDate and dateFormat work, is add this: if ( self.settings.dateFormat ) { pickerSettings.dateFormat = self.settings.dateFormat; } above … Read more
The WordPress components docs are pulled from the development branch of the repository, meaning they may describe features and functionality that have yet to be released. With the current version of the library used in WordPress, you declare the variant with the isPrimary, isSecondary, or isTertiary property: <Button isSecondary onClick={open}> Select image… </Button>
First a bit of advise (since the solution is based on it) – always “enqueue” your scripts, don’t just add them in the footer. Read this, for example . Now the solution for loading scripts on specific template, since this is what you asked for: function enqueue_themescrits() { if ( is_page_template(‘contact.php’) ) { //the file … Read more
✨ Intro to the Gutenberg Data Module ✨ Gutenberg’s core data model shares a lot of the API and ideology of the state-management library Redux, with a number of differences. Reading up on Redux can provide a lot of insight into how Gutenberg’s data management functions. This lecture will be on the final exam. Application … Read more
wp_localize_script takes an array of data (in PHP) spits out a javascript. It’s a way for you to add dynamic data for a specific script to the front end without having to hook into wp_head or wp_footer and echo it out yourself. More over, wp_localize_script outputs your data right above the script you enqueued. Hooking … Read more
I had exactly the same need, because of the ajax checkout validation. Woocommerce has some custom javascript events we can hook to. In reCaptcha specific case we need to hook to checkout_error that is triggered when the ajax call fails. So, I solved with the following code in my own javascript file, besides the PHP … Read more
I slightly modified SkyShab’s code, because it fired template change event on page load and it didn’t fire when template was changed to default (since getEditedPostAttribute( ‘template’ ) is then ”, which equals to null when testing for template change) const { select, subscribe } = wp.data; class PageTemplateSwitcher { constructor() { this.template = null; … Read more