Okay guys, quick tutorial today as to how to hide Pinterest images right in your blog posts. More ways to pin your awesome content, less of an annoyance for your readers. It’s a win-win. Amiright?
Why you should hide Pinterest images in your blog posts
There are a couple reasons for this. First, Pinterest loves when you add fresh new pins even if it’s going to existing content. This means, over time, you’re going to have quite a few images for each blog post. Second, if you don’t hide those images, your readers are going to start getting annoyed – even if the images are at the bottom of your post. You want to make sure you have the best user experience possible. To accomplish that, you’ll want to hide your Pinterest images.
Let’s get to it.
Here’s the breakdown of how to hide Pinterest images right in your blog post.
- Add a new image block.
- Insert image into the post where ever you’d like it (I typically add them at the very end of the post, but the choice is yours.)
- Click the 3 dots and select “Convert to HTML” from the dropdown.
- Replace or remove the following: figure class=”wp-block-image”
- Replace it with: div style=”display:none;”
- Make sure < is at the beginning and > at the end of what you just wrote in.
- Replace or remove the following from the end of the code: figure
- Replace it with: div
- Make sure </ is at the beginning and > at the end.
- That’s it!
Pin it for later – ya know, just in case. 🙂 And let’s be Pinterest BFFs! Check us out here.
Like this? You’ll love these:
- 15 easy ways to optimize your Pinterest profile
- The Ultimate List of Free Blog Image Sources
- The Ultimate SEO Guide for Bloggers