How to Hide a Pinterest Image in a WordPress Post
If you haven’t started using Pinterest to promote your blog now is the time. There is no denying the fact that regardless of your niche or genre your readers are waiting to find you on Pinterest.
One question I see frequently regarding Pinterest, however, is just how to hide a Pinterest image in your post.
By hiding your image you will have a special one that comes up when your readers choose to pin your post to their boards, but won’t always be visible.
Some choose to not hide their images and simply place them at the bottom of a post. Others, like me, are picky and don’t like that extra image in there.
While hiding a Pinterest image in a blog post may seem like a daunting task it really couldn’t be any easier.
Creating a Pinterest Image
Before we hide our Pinterest image, however, we have to actually make a Pinterest image to hide!
Alternately, you can use a program such a Photoshop to make a template to use for your images or to make your images from scratch.
Using Picmonkey to create a Pinterest Image:
Picmonkey has the option for a large, medium, or small size pin. Many will tell you that large is the only way to go. I have found success using any rectangular image regardless of size.
Update: According to recent best practices from Pinterest the long “giraffe” images are no longer the way to go. In fact, going with a medium size image is preferred for maximum visibility on the site.
To begin, hover over the word design until the drop-down menu appears. From there you want to choose the Templates option. This will bring up a number of different templates you can choose from for various projects.
Once the templates appear you click on the drop-down arrow for Category. This will bring up an option to sort the different options by the job that you want them to do.
Choose Pinterest from the drop-down options. This will bring up all of the Pinterest image templates that are available to you.
For this quick tutorial, we will be choosing the short pin blank template. However, there are medium and long pin options available as a blank starting point as well. Many prefer the long pin, but any will do.
Note that there are free options and those for the premium option as well which are signified by the small crown icon.
Once you have your template size picked out you can click on the template itself. This will bring up the canvas for you to add your designs too. You can add your own pictures and text or use the options already available through Picmonkey.
For more on designing your pin, you can visit our tutorial on how to make your own logo in Picmonkey, which goes into more detail on the design canvas and how to find your way around.
Using Canva to Create a Pinterest Image:
Similar to Picmonkey, Canva has a number of different options for social media images. However, they do only offer one size for Pinterest images (although the “blog graphic” template is a good option as well).
I find that depending on the pin that I need I alternate between Picmonkey, Canva, and Photoshop. It’s really just a matter of what whats for you, and for the pin that you are trying to create.
Once you log in to Canva you will arrive on a screen showing any previous images that you have made as well as the options for images that you can make using Canva. ( If you do not see this screen you can choose the “All your designs” tab to bring this option up).
Select the Pinterest graphic from the upper left side. This will open up the canvas with a variety of pre-made templates that you can choose from. Alternately, you can choose from a number of blank templates which will be available at the bottom of the scrolling options on the left side of the screen.
Similar to Picmonkey there will be free options as well as paid ones. Paid options are generally $1 to purchase to use for your image. Once you choose a paid or free option it will appear on your canvas for you to alter to create the image that you would like to use for your pin.
From here you can replace the image with your own, alter the text, and change any colors that you would like. We do not have a Canva specific tutorial yet here at Ghastly Girl ( coming soon!) but it is quite similar to Picmonkey.
One thing that I particularly like about Canva is that if you are using a premade template any image that you apply to the canvas can either pop into the appropriate size or be sized however you like. This makes editing an image quick and easy.
Using Photoshop to Create a Pinterest Image:
Photoshop is another great option for making Pinterest images. It is perhaps the best option because of the wide range of options that you are allowed by completely creating an image from scratch. I find Photoshop best if I am making large or long pins.
If you do not have Photoshop you can also use a free program available called GIMP, which has similar capabilities.
To begin you want to create a custom image size. You can do this by altering the pixel width and height on the preset details. We are going to be making a long pin for this tutorial.
However, it is important to remember that a large majority of Pinterest users are on mobile devices. This means that you don’t want your image to be too massive.
I have found that a size around 735 x 2000 is good for both desktop and mobile users to notice. The width must be under 736 but you can go as large or as small as you would like with the height. I have even seen a few over 3400! Talk about a looooong pin!
Update: Due to the new Pinterest updates a pin size of 600×900 is recommended for all pins.
Once your workspace is set you can add images by going to File -> Place embedded. Once they are on the canvas you can resize them as you would like by simply dragging the edges. You can move the images around with the move tool. ( the top tool in the toolbox on the left side of your screen).
If you decide that you would like to resize your image again after moving you can do Ctrl+T to transform, or go to Edit -> Free Transform.
Next, you can add text by clicking on the large T in the toolbox ( 16th tool option in the toolbox ). You can alter the font, size, and color in the bar that will appear on the top of your workspace when you are using the text tool.
A great place to find free fonts for blogs, images, and other uses is Font Squirrel. They have a number of fab fonts that are free for commercial use.
In general, pins are a picture on top, a picture on the bottom, and text in the middle. Some studies show that red text is most eye-catching and will generally have more pins. However, matching the color scheme of your images works as well.
When choosing a font, be sure to pick one that mobile users will be able to read easily. In general, this means choosing a blocky font over a script one. You may want to test your pin on mobile to ensure that it is readable.
How to Hide a Pinterest Image in a Blog Post
Once you have your shiny new Pinterest image created you can easily hide it at the bottom of your blog post. This way it is only visible when someone hits the pin button on your post.
You can add a pin description to the alternate text line. This will ensure that every time your image is pinned it has all of the information other users need to know about your blog post. It is a good idea to add your website address in this as well ( you may also want to put your logo on your pin). This way other pinners know for sure where the pin is coming from.
Once your pin is placed you want to click over to the text editor. I know code can be daunting for some but don’t worry. This really couldn’t be any easier!
Find the image code in your text. It will be at the bottom of the page and will be inside brackets just like the code above.
The <div style = “display:none;”> piece will go before your image code (keep the image code inside its own brackets and put this before it outside of the brackets)
The </div> closes the code and goes outside of the image code’s brackets at the end.
Once you are finished click back over to the visual editor and double check that your image has been hidden.
Looking for More Blogging Help?
We welcome you to join our growing Facebook community of mom bloggers from across the globe! We offer actionable tips and tricks, support, and everything else you need to help make your blog a success!
I hope you found this tutorial helpful! If you have any question on anything within this tutorial feel free to comment below or contact me. I’m happy to help.
Do you want to be the first to know when we have a new blogging tutorial on the site? Join our mailing list today to receive all of our latest blogging tips, fresh recipes, and homeschool resources!