Progressive Web App(PWA)

How to integrate OneSignal with PWA plugin in WordPress

If you are using the PWA plugin on your website, you may have to do a few changes to the website to get OneSignal push notifications to work properly. PWA implementation needs adding a service worker to the site. OneSingal also needs to have service worker implementation so that, it can allow users to subscribe

Progressive Web App(PWA)

How to add short-name to PWA & fix “Web App Manifest lacks a short name entry”

If you are implementing Progressive Web App(PWA) in your WordPress website, make sure that you have a short-name field added to the manifest file. If your WordPress site doesn’t have the short name of your PWA, the site health report in your website will have a “Web App Manifest lacks a short name entry in


How to fix: Native Lazy loading of iframe or image not working

You can add loading=”lazy” attribute to any image, iframe tag element in your HTML code to enable native lazy loading feature. But it sometimes, may not work. There is one simple but important factor listed below, that you need to keep in mind to make sure that it works perfectly. You have to add proper

Filter Shortcode

How to execute shortcode in any string or custom field in WordPress

You can use WordPress filter the_content and apply it to any string or custom field data to display its HTML content as well as render or execute any shortcode in it. Here is a code snippet, where a string with some HTML content and a shortcode in it. The above code will not just display

URL / Rewrite Filter

How to make Gutenberg block editor work, when WordPress Address & Site Address are different domains

Recently, I worked on a project where the WordPress site needed to have one domain for Site Address(SITE URL) and another one for WordPress Address(HOME URL). Everything was working fine. Except, whenever we tried to publish a post in Gutenberg editor, we were getting an error saying “Updating failed. “. This is also the case when


How to Debug errors in WordPress

WordPress has excellent inbuilt features to help you debug. You can enable most of the features by making small changes in the wp-config.php file in WordPress and you can also use a few plugins listed below to easily debug not only PHP errors but also, database queries, HTTP calls blocks and many more. Step 1:

Errors JavaScript

How to fix “Bootstrap’s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3” error

If you see the JavaScript error that says, “uncaught error: bootstrap’s javascript requires jquery version 1.9.1 or higher, but lower than version 3“, that means you have bootstrap version 3.3 or lower on your website which uses an older version of jQuery. But your website has a newer version of jQuery (higher than version 3).


How to load multiple versions of jQuery in your website ( different version of jQuery for specific pages )

I had recently shared a detailed post on how to fix jQuery error in your website due to WordPress core update, which doesn’t load the jQuery migration script. And one of the visitors asked in the comment section, if they can load a different version of jQuery on different pages. I found this interesting and


How to add, remove or customize any link from My Account menu in woocommerce

When you install Woocommerce on your website, it will automatically create My Account page for you. If you visit the My Account Page, you will see a customer account related menu links in it. Check out the screenshot below : Why change the My Account menu? There are scenarios when you may not need some


How to properly set up a child theme and why

When you implement any theme in your WordPress website, you should always try to implement it with a child theme set up. There are many advantages to implementing a site with a child theme. Please go through the details below to understand more. What is a Child Theme & Why use it: A child theme