17th Mar 2020

Amazing Catchy Tips and Tricks For WordPress

Wordpress

Written By, Vishal Kacha

Cache Busting: How It Works & Methods For Cache Busting CSS

Overview

Solve the browser caching issue by using Cache busting and different file versions. Therefore, the browser doesn’t retrieve the old file from the cache but requests to the origin server for the new file.
Cache busting is useful. It allows your visitors to receive the most recently updated files without a hard refresh or clear browser cache.

  • File name versioning (e.g. style.v2.css)
  • File path versioning (e.g. /v2/style.css)
  • Query strings (e.g. style.css?ver=2)

All its mechanisms can be easily updated to reflect a modified file. Without Hard Refresh and Clear Browsing Cache

wp-tricks-tips_cache-busting

Ex.
Just have to add Version PHP Code in Link/JS ( i.e. custom.css )

wp-tricks-tips_custom-random-code
wp-tricks-tips_custom-random-code-preview

How to Remove WP Version & Time From Scripts/Style

Steps

  • Open function.php file
  • Add this code below in function file

Before
wp-tricks-tips_before-version-removal
After Added Code
wp-tricks-tips_after-version-removal

How to Disable Unwanted XML files Generated by Yoast SEO Plugin

Overview

Posts, pages, and other custom post types can be customized under the ‘Content Types’ tab. Removing a post type from the search results will also remove them from the sitemap.

Steps

  1. Log in to your WordPress website.
  2. Click on ‘SEO’. You will see left-hand side menu In Dashboard
  3. Click on ‘Search Appearance’.
    wp-tricks-tips_search-appearance
  4. Click on the appropriate tab ( i.e. Content Type, Taxonomies, Media etc… )
    wp-tricks-tips_search-appearance-tabs
  5. Toggle on the appropriate Posts, Pages, Templates, etc. and then “OFF/NO” the Settings in “Show Search Results.”
    wp-tricks-tips_yes-no
  6. Also “Turn Off” Search Url’s settings as they all generate XML files likes ( Author, Category, Post Tag, Pages, Posts, Custom Post Types, etc. )
    wp-tricks-tips_turn-off
  7. Click ‘Save Changes’.

How to Generate Site & Secret Key for Google reCaptcha v2 & v3

  • Click Admin Console on the upper right corner
  • Sign in on your Gmail account
  • Click Setting Button on the upper right corner
  • Add all the information as mentioned in the screenshot.
    wp-tricks-tips_recaptcha-add
  • After that Copy Both keys
    wp-tricks-tips_recaptcha-keys

How to Add Google reCaptcha On your Contact Form 7

Steps

  • Open WordPress Dashboard
  • In Contact Form 7 Click Integration Tab.
  • Click Configure Keys
    wp-tricks-tips_configure-keys
    wp-tricks-tips_configure-keys

ADD Additional Custom JS and CSS

Steps

  • Open function.php file
  • Add This Code Below In Function File

    wp-tricks-tips_additional-files

How to Add Multiple Logo In Header / Sticky Header

Steps

  • Open function.php file
  • Add this Code In File

    wp-tricks-tips_multiple-logo
  • Go to WordPress Dashboard >> Appearance >> Customize >> Header Image
  • Upload New Logo In Sticky Logo
    wp-tricks-tips_sticky-logo

How to Change wp-login URL For WordPress

Steps

  • Open wp-login.php file from setup wordpress
  • Find wp-login in the file and replace “any file name you have needed ( i.e. control.php” )
  • After that, save the file with the same name that we used to replace wp-login
  • After that, delete wp-login.php file
  • Then type your appropriate web url ( i.e. urlname/control.php )

How to Change WordPress Logo of the Login Page

Steps

  • Open function.php file
  • Add this code in function file and add image path in style tag
  • Hurray! 😀 See the result
    wp-tricks-tips_admin-logo

Written By,

Jr. Web Designer at Yudiz Solutions Pvt. Ltd