(Even if you are using Gutenberg!)
This is going to be a really quick post! I just have to share RIGHT NOW!
When I started out blogging, I found out really quickly that hiding the extra graphics for future pinning or sharing within your post was the cat’s “meow”.
Doing this made sure that your post wasn’t all clogged up with your hopefully-to-be-scheduled-the-near-future pins and that it stayed clean and uncluttered.
I did a bit of research and found some easy-to-insert HTML code that I could add to the beginning and end of the code for the pins I wanted to hide and PRESTO – hidden pins.
The catch? It was all done in the classic version of WordPress.
I should point out here that I know ABSOLUTELY ZILTCH about HTML and coding.
Hiding Pin Images on Gutenberg Editor for WordPress
I loved the new Gutenberg Editor! Blocks, simplicity – it had all the conveniences. And, I was a newbie blogger and the classic mode wasn’t necessarily “stuck” on me.
The only problem. And let me tell you, it was a big one. No matter what I tried, I could not get my graphics to hide the way I had learned in the classic editor.
I tried over and over to add in the code that promised me that my graphics would hide away in Classic mode but nothing would work when I tried. I did
Back to the Drawing Board on Hiding Pins
Every other blogger I have talked to is scared to transition. I have asked around in Facebook groups and search on Google. There are no answers (that I can find anyway). Either this is a really big secret or no one really knows how.
And totally I can see why bloggers are afraid to take the leap over to Gutenberg. JUST BECAUSE OF THIS ISSUE! Pinterest is how the majority of bloggers get their material out there. There is no time to deal with things not working- we are busy enough.
So.. today I got an email from a fellow blogger trying out my batch blog content mini challenge and she asked how to hide her images.
So, I got home and did what I thought was natural. I poured a glass of wine and stared at the HTML. I’ll be honest here. I was kinda hoping it would magically appear, I guess.
The Secret to Hiding Pins is Realised!
All of a sudden, it came to me- it was different. The code I added in the Classic editor came before some other code that looked like it may be an image and after something that made it seem like a picture. (This is as technical as I can get on this one). (Told ya I’m not tech-smart lol)
All I needed to do was remove the “block” code that was added in before and after the image code too. VOILA! Pins are now hidden!!
I can’t believe I didn’t figure this out sooner!!
And now I am writing this post in warp speed and my fingers feel like they are going to fall off because I feel for the thousands of other bloggers who just couldn’t get it and need HELP!
It’s here!! This is how to hide your Pin images in WordPress!!
You’ll have to change your post to “Code Editor” by clicking on the horizontal dots on the top right-hand side in WordPress. Then find your pin graphic code and insert (before “<img”): <div style=”display:none;”>. Then, at the end of the HTML for the picture: </div>
Once you’re done, the code should look like this with the new code in bold: <div style=”display:none;”><img src=”https://www.everydayshessparkling.com/wp-content/uploads/2018/09/Pinterest-Template-4.png” alt=”The secret to hiding Pinterest Pins in your blog posts! This will work if you are using either the Classic or the Gutenberg editor in WordPress! Includes step-by-step video instructions. Includes step-by-step video instructions. #Pinterset #Howto #Gutenberg” class=”wp-image-1708″></div>
PRO TIP: Make sure to manually edit the code instead of copying and pasting the code I put here or it may not work. I have found that when copying and pasting, WordPress flips the quotes around and it breaks the HTML.
Notice the bits of code that were in there that showed code for the block editor have been removed. That was exactly the part I was missing.
If you’ve worked with this before in Classic mode, you’ll notice it’s the same code as before, you just have to remove the block coding before the image coding to make it work. TAAADAAAAA!
And THAT.. Deserves an extra glass of vino.
Here’s a video I made explaining it in case you learn better by seeing…
I have been, or can be if you click on a link and make a purchase, compensated via a cash payment, gift, or something else of value for writing this post. As an Amazon Associate, I earn from qualifying purchases. Please read my full Affiliate Disclosure for more information.
If you are looking to amp up your Pinterest game, check out a review I did on the Pinterest Ninja
Happy Pinning Everyone!!!
Check out some of my other posts here: