Category: Web Development & WordPress

So i wanted to change the woocommerce mail template’s footer background color, font size and font family ( screen shot below). I have shared the code too which i used

Here you can see my 2:32s video where i have tried to show how you can create content with left side image and right side content using gutenberg editor and you dont need to use html/css for this.

If you want to show 3 image side by side in guentberg editor, here you can see a 1.28s video i have created.

Basically client was asking to show different image in desktop view and mobile view. So the idea which hits in my mind to create a shortcode which will check if client is visiting the site from mobile or from desktop/laptop and return the image based on it

So the shortcode need to be used in the following way, put it in the img html tag where u want to show the different image

Without using any plugins if u want to show the number of words used in a page or post at the bottom, you can use the following code in function.php

function  count_words( $content ) {
    $stripped_content = strip_tags( $content );
    $wordnum = str_word_count( $stripped_content );
    $label = __( 'Number of Words', 'wordcount' );
    $content .= sprintf( '<h2>%s:%s</h2>', $label, $wordnum );
    return $content;
}
add_filter( 'the_content', 'count_words' );

Here is the result

The whole procedure i took help of Claude AI.

First, create a new Personal Access Token:

• Go to GitHub.com and login
• Click your profile picture → Settings
• Scroll down to “Developer settings” (bottom of left sidebar)
• Click “Personal access tokens” → “Fine-grained tokens”
• Click “Generate new token”
• Set a token name: “MacBook Git Token”
• Set expiration: 90 days (or as you prefer)
• Under “Repository access”, select “All repositories”
• Under “Permissions”, expand “Repository permissions” and select:
  • “Contents” → “Read and write”
• Click “Generate token”
• COPY THE NEW TOKEN AND SAVE IT SOMEWHERE SAFE

So client wanted to show his script ( form optin script) to be showing in single post page at the very bottom and just above the footer in full width …

Basically client was using variation swatch plugins and using elementor plugins to create single product template, so to show the product variation in that template I faced little issue but at last found how to show it,

Basically my client’s ssl was expired, he was using hostinger vps and i have helped him to install a new free ssl to his domain ( hosted in vps) using ssh and terminal.
Here are the steps. Just use the codes i shared step by step.

At First login to SSh

So, here is the code which you need to put in your theme’s function.php and save it and you are done. Basically here i tried not to use plugins and did it simplest way.

function redirect_404_to_homepage() {
    if (is_404()) {
        wp_redirect(home_url('/'));
        exit;
    }
}
add_action('template_redirect', 'redirect_404_to_homepage');