If you haven’t noticed yet, I hide the images I create for Pinterest in my blog posts, so they don’t take up a ton of space, and so people don’t have to scroll a billion times. I also don’t have a PinIt button, because I want to be really specific about what is pinned from my blog. This post is going to teach you the fastest way to hide pinnable images on your blog, and it’s very different than anything you’ve read.
If you’re looking for the HTML code, that’s not going to be here. BUT if you’re looking for a streamlined version that will save you time, this is where you need to be.
- Copy this code (don’t forget to grab the period before hiddenpinimage):
- Head to your WordPress Customize screen
- Click on Additional CSS
- Paste the code you copied above
- Don’t forget to click Publish at the top!
- Go to a post with a Pinnable image, or upload an image to your current post
- After you fill in your alt text and description and click insert, click on the picture again
- Click on the pencil icon
- Type hiddenpinimage in the Image CSS Class field
- Click Update
- Update or Publish your post
- Click on the Pinterest icon
- Select the image to pin
*NOTE: Some social media sharing tools don’t allow you to pick which photo you pin, and they automatically just pick the featured image. This is inconvenient if your featured image isn’t Pinterst size – which they almost never are. This is why I use Shareaholic (it’s free).
Don’t forget to pin this post 😉