Long Pinterest images can make a blog post look cluttered. Good thing it’s easy to hide images you only want readers to Pin!
You all know the long Pinterest images… The ones with two or three photos with the name of the recipe smack dab in the middle or watermarked directly over the beautiful shot of food.
While it does look great on Pinterest (and usually gets seven times more repins), it doesn’t look too hot in your blog post. Luckily, there is a way to hide that image while still having it appear when your reader clicks “Share this on Pinterest.”
- In WordPress, open up the post you want to add a Pinterest image to. Insert the Pinterest image where ever you like (I usually add mine at the bottom).
- You’re probably in Visual view by default, so head on over to the Text view in your blog post. This will show you all the html for your blog post including the code for your image.
- Find the code for your Pinterest image and add this code in front of the image code
<div style=”display: none;”>
and make sure this code </div> is directly after it.
I’ve included a screenshot below of what it will look like.
- Hit “Save” or “Update.” Navigate to the blog post on your site and the image will be hidden. Hit your Pinterest share button and that hidden Pinterest image should show up!
Here’s an example with my Cinnamon Oat Peach Crumble post. Below is the image code I entered in the text view of the blog post.
Now when you go to the blog post, you can’t see the Pinterest image. Where is it?! Don’t worry it’s there. Click the Pin It button, and it shows up!
Source: Food Bloggers Central