All About Basic

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,