Blogging 101

How to Hide a Pinterest Image in a WordPress Post

Disclaimer: This post may contain affiliate links. However, here at Ghastly Girl we highly value honesty and only recommend or support brands and services that we back 100% For more on this and our privacy policy please visit our terms of service page.

If you haven’t started using Pinterest 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 you go about hiding a pinnable image within your post.

By hiding your image you will have 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 your image may seem like a daunting task it really couldn’t be any easier.

Creating a Pinterest Image

Before we hide our image, however, we have to actually make an image to hide!

There are three main routes you can go here. Services like PicMonkey or Canva offer options with presets or without that you can use to easily drag and drop to create your pinnable image.

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.

hide a pinterest image

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.

hide a pinterest image

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 templates that are available to you.

hide a pinterest image

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.

hide a pinterest image

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 to. 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. 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.

hide a pinterest image

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.

hide a pinterest image

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.

hide a pinterest image

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 how ever 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.

hide a pinterest image

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!

hide a pinterest image

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 tool box ( 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.

Hiding a Pinterest Image in a Blog Post

Once you have your shiny new pin 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 into 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.

hide a pinterest image

Once your pin is place 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!

hide a pinterest image

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.

You’re done!

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.

Let’s Connect!

Twitter | Instagram | Facebook | Pinterest

 

The complete guide on crating and hiding pins for Pinterest on wordpress. Visit ghastlygirl.com for the full tutorial.

 

Ghastly
Follow Me

Ghastly

Blogger at Ghastly Girl
Ghastly is a special needs homeschooler and mom living with Lupus and Bipolar Disorder. She is passionate about helping other moms living with mental illness or chronic illness, celebrating awesome kids, and herding cats.
Ghastly
Follow Me

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge