Category: Web Development & WordPress

Add the code below to your theme’s functions.php or use Code Snippet Plugins. Then Go to Tools > Duplicate Media in your WordPress admin, Click “Find Duplicates” to see what would be affected. Backup your Site and Media first, then click “Remove Duplicates”

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,