Category: Web Development & WordPress

For coders sometimes it is needed to show something only for mobile in template fiile. So here is the coding

for functions.php file

function is_mobile_device() {
    $user_agent = $_SERVER['HTTP_USER_AGENT'] ?? '';
    $mobile_agents = ['Android', 'iPhone', 'iPad', 'iPod', 'Windows Phone', 'BlackBerry'];
    
    foreach ($mobile_agents as $agent) {
        if (stripos($user_agent, $agent) !== false) {
            return true;
        }
    }
    return false;
}

in template file ( like single.php, page.php etc)

 <?php
 
  $is_mobileb = wp_is_mobile() || is_mobile_device();
  if( $is_mobileb){ 
    
?> 
YOUR CODE WILL GO HERE 

<?php } ?>

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