Set Featured Image to Pinterest NoPin
Updated: Aug 29, 2020 Functions.php code you can add to stop visitors from pinning your featured image (see below).
If you like to set your blog Pinterest image as an Optimized Pinterest Image, then for your Featured Image you may be in tight spot.
You can set the Featured Image as your Optimized Tall Pinterest image, which may not suit you blog best, but keeps Pinterest happy for sending decent traffic.
Or
You can look for your theme’s template file that sets the image and add data-pin-nopin attribute.
Or
You can just leave it be and allow visitors to pin the featured image if they so choose, even though it is not optimized for Pinterest.
I chose the 2nd option for our main blog as Pinterest is our biggest traffic driver and having properly optimized Pins is fairly important.
Which theme are you using? I’ll show you how I found the template file to modify for a few different themes so you will get the idea.
Links will open in a new tab so you don’t lose your place.
How to find and edit your theme files
Add the code to your functions.php file to stop visitors from pinning your Featured Image
This has been tested on GeneratePress theme.
$attr[‘data-pin-nopin’] = ‘true’;
return $attr;
} );
Clear your WordPress and browser cache then right-click on a featured image and confirm the code is added:
Right-click on the featured image and click ‘inspect’. Confirm that the data-pin-nopin=”true” code appears.
Right-click and click inspect on a non-featured image and confirm that the code is not present there.
You’re done.
If you want to add the change to your theme files you can follow the below directions. But the functions.php will be your fastest route. Speaking of fastest have you heard of the EasyWP hosting by NameCheap? It is the most affordable WordPress Managed hosting. Click to see more details on NameCheap’s EasyWP hosting.
This is an advanced tutorial since it is modifying theme files. If you find that this is a bit too complicated and you’d like a professional to handle this for you, you can take a look at my services page and we can arrange to do a remote screen sharing session together.
Astra Theme
Make sure to backup your blog first in case you make a mistake in the cPanel files, so you have a backup you can restore.
You will need to login to your host and access the cPanel and open the file explorer.
In your Astra Theme folder
Click on the folder named inc
Then right-click on extras.php and select download to save the original.
Then right-click on extras.php and select edit
Search for the following text:
‘itemprop’ => ‘image’,
You will see the following:
'astra_featured_image_markup',
get_the_post_thumbnail(
get_the_ID(),
apply_filters( 'astra_post_thumbnail_default_size', 'large' ),
array(
'itemprop' => 'image',
)
)
);
Add the following ‘data-pin-nopin’ => ‘true’,
It will look like this:
'astra_featured_image_markup',
get_the_post_thumbnail(
get_the_ID(),
apply_filters( 'astra_post_thumbnail_default_size', 'large' ),
array(
'itemprop' => 'image', 'data-pin-nopin' => 'true',
)
)
);
Then save the file.
If you are using caching you may need to clear the cache – this can be browser cache, WordPress site cache, and/or host cache.
Ocean WP
Set Single Post Featured Image to nopin
Ocean WP allows your author image, related posts images and featured image to be pinned, if you want to disable these with the Pinterest nopin attribute see the following instructions.
Open the theme folder OceanWP, then open the folder Partials, then folder Singles, then folder media.
Then right-click on blog-single.php and select download to save the original.
Then right-click on blog-single.php and select edit
Search for ‘alt’ => get_the_title(), then on the line below add ‘data-pin-nopin’ => ‘true’
Before:
$img_args = array(
'alt' => get_the_title(),
);
After:
$img_args = array(
'alt' => get_the_title(),
'data-pin-nopin' => 'true'
);
Set Related Posts to nopin
Open the theme folder OceanWP, then open the folder Partials, then folder Singles
Then right-click on related-posts.php and select download to save the original.
Then right-click on related-posts.php and select edit
Search for ‘alt’ => get_the_title(), then on the line below add ‘data-pin-nopin’ => ‘true’
Before:
$img_args = array(
'alt' => get_the_title(),
);
After:
$img_args = array(
'alt' => get_the_title(),
'data-pin-nopin' => 'true'
);
Set Latest Posts to nopin
Open the theme folder OceanWP, then open the folder Partials, then folder Entry, then the folder Media
Search for ‘alt’ => get_the_title(), then on the line below add ‘data-pin-nopin’ => ‘true’
Before:
$img_args = array(
'alt' => get_the_title(),
);
After:
$img_args = array(
'alt' => get_the_title(),
'data-pin-nopin' => 'true'
);
Set Author Bio Box to nopin
This one is a bit more complicated as it is coming from the get_avatar code rather than the the_post_thumbnail.
Open the theme folder OceanWP, then open the folder Partials, then folder Singles
Then right-click on author-bio.php and select download to save the original.
Then right-click on author-bio.php and select edit
Search for get_avatar
Before:
<?php
// Display author avatar
echo get_avatar( get_the_author_meta( 'user_email' ), apply_filters( 'ocean_author_bio_avatar_size', 100 ) ); ?>
</a>
After:
<?php
// Display author avatar
echo get_avatar( get_the_author_meta( 'user_email' ), $size = '100','','', array('extra_attr' => 'data-pin-nopin="true"')); ?>
</a>
This post is to be continued.
