• 
  • 
  • 
  • 
  • 
  • 

Brand IT Girl

Brand Styling . Design . Business Coach

  • About
  • Theme Shop
  • Services
  • Testimonials
  • Blog
  • Contact
  • Log In

Adding a Custom Pin It Button to your WP Site!

28 Jan

BrandITGirl_PinITButtons_BlogPost

I have recently been exploring the incredible power of Pinterest and let me tell you – it is more powerful than you can imagine! Did you know that many bloggers are claiming Pinterest as one of the main drivers of traffic to their websites these days? Well that’s 100% true and it’s something you need to tap into!

I wrote last week about branding and styling your Pinterest boards and discussed why this practice is vital for growing not only your Pinterest following but also your business and website too. Today I want to talk about another key element in using Pinterest, but this time it’s something you can do on your blog to help drive traffic back to your Pinterest.

The aim of the game is to get your pins and images noticed on Pinterest. The more people share your pins, the more their friends and followers will notice what you are doing and you will start to see a rise in your traffic. But you need to get them to pin your post images in the first place, right?

So in this blog post I am going to show you the easiest way to add Pin It Buttons to your WordPress site! It’s so painfully simple, you’ll be like “Woah, Girl! Is that all there is?” and I will be there nodding. Yes, it’s as easy as this:

1. INSTALL THE PLUGIN IN

Adding a Pin It Button to your blog is simple when we are using plugins on our WordPress.org websites. All you need to do is navigate to:

Plugins > Add New and located jQuery Pin It Button For Images. Install and activate this plugin from the list. Other plugin results will show up too, just find this one and install it!

2. CONFIGURE THE PLUGIN

What I love so much about this plugin is that you can control how it works super easily, saving you time and ensuring you get exactly what you need out of it! To do this you’ll need to navigate to:

Settings > jQuery Pin It Button For Images

This will bring up all the options that you have at your disposal to not only control how this plugin works on your site, but you can also customise the way it looks! You will notice there are three tabs: ‘Selection’ ‘Visual’ and ‘Advanced’.

You won’t need to worry about changing anything in the ‘Advanced’ tab, but let’s talk about the setting on the other two pages:

Selection:

Leave the majority of the settings as the default on this page. However you might want to consider the ‘on which pages the “Pin it” button should be shown‘ settings. I generally select only ‘Single Posts’ and ‘Blog Pages’ because I don’t want the Pin It Button to pop up on my homepage and other internal pages. But this is totally up to you, play around with these settings as much as you like and you can always change them later.

I also change the ‘minimum resolution that should trigger the “Pin it” button to show up‘ setting. This is the restraint that stops people from pinning super small images that you didn’t intend for pinning. I set my minimum resolution to 400 x 500 and again, you can set this to anything you like, or even leave blank if you’re not fussed!

Visual:

I then go into the visual settings and have a look at those settings.

Firstly I consider the ‘transparency value‘. This is where you determine if you would like to apply opacity to any degree on the image when your visitor hovers over it. There are pros and cons of this feature and it’s really up to your personal preference if you want to change the opacity of your images on rollover. I am keeping my images as is, but if you do want a little opacity, try setting it between 0.1 to 0.3 so it isn’t too extreme!

In this tab is also where you set the ‘custom pin it button‘. Check the use custom pin it button box and then upload your image using the upload button. Press refresh preview to make sure you are happy with it!

You can also play with the positioning of your pin it button by changing the ‘“Pin It” button position‘ and ‘margins‘. You will notice my pin it button hangs over the image slightly on the left. I did this by including a negative value on the top-left margin.

Hover over the image below and see for yourself!

Brand-IT-Girl_Pinterest_Download-FREE-PinIT-Buttons

To help you along with your new custom button, I am giving you 6 Pin It Buttons to choose from!

The six buttons offered to you here are completely free! You just need to download the zip folder and get started! I just ask that you don’t resell or redistribute these buttons!

Using one of the Brand IT Girl Pin It buttons? Drop your link in below in the comments, I would love to see them in action!



Comments:
2 Comments
Categories:
Design, Webdesign

Adding Google Analytics to your Website

25 Oct

BrandITGirl_GoogleAnalytics-BlogPost

Adding Google Analytics to your self hosted WordPress site is simple with the use of a handy little plugin in called Google Analytics by Yoast!

Install the Google Analytics by Yoast plugin by navigating to Plugins > Add New and searching the plugin name. Activate this plugin and then in a new tab, open Google Analytics. Sign up for a Google Analytics account and you should see this page. Fill in your site information and hit Get Tracking ID at the bottom of the page.

BrandITGirl_GoogleAnalytics-1

You will now see a page that displays your Tracking ID and Tracking Code. Go back to your WordPress dashboard and on the left panel you’ll see the Analytics tab. Click on this and you should see this page:

BrandITGirl_GoogleAnalytics-2

Click ‘Authenticate with your Google account‘ > a popup will appear, follow the steps then copy and paste the code into the authentication box. Otherwise you can select ‘Manually enter your UA code‘ and enter the Tracking ID number on the Google Analytics page. It will start with the letters UA.

And it’s that easy!

It may take a few days to start seeing your data and may also say that it’s not installed or not receiving data. Come back 24 hours later and you’ll see Status: Receiving Data next to your UA code.

Comments:
Leave a Comment
Categories:
Webdesign

What is the Genesis framework?

12 Oct

BrandITGirl_BlogPost_What-Is-The-Genesis-Framework_BlogPost

So you have been hearing about the Genesis framework on a bunch of blogs that you admire. You have even seen the words pop up on this website, but you don’t know what it is and you’re not quire sure how to work it out. Let’s demystify it all for you!

The Genesis framework, created by Studiopress, is a powerful platform that you can use to build your website. It has a range of features that make it highly dynamic and versatile:

  • Genesis is great for SEO (search engine optimisation) meaning that your website will be picked up by search engines like Google much more efficiently.
  • Genesis themes are responsive across all devices, so you don’t have to worry about which device your visitors are viewing your site on – it adjusts to work perfectly whether you are using desktop computer, laptop, tablet or smartphone.
  • Once you have purchased Genesis you get unlimited (and fantastic!) support through the forum and support tickets and also unlimited updates.
  • Genesis is harder for hackers to penetrate, so you have peace of mind!
  • Themes are highly versatile and easy to customise. It’s optimised to use widgets, plugins and advertising – making your life a whole heap easier!

READ MORE

Comments:
Leave a Comment
Categories:
Webdesign

Just Starting Out: Installing WordPress

23 Aug

BrandITGirl_JSO_Installing-Wordpress_BlogPost

There are a bunch of blogging/content management systems you can pick from but my favourite is WordPress. It is a dynamic and flexible platform and is appropriate for people of all skill level. It will grow with you, allowing for you to practice design and development skills as you learn more.

In this instalment in the Just Starting Out series, we will be looking at installing WordPress on your self-hosted site.

READ MORE

Comments:
3 Comments
Categories:
Webdesign

Just Starting Out: Nameservers

16 Aug

BrandITGirl_JSO_Nameservers_BlogPost

Last week in this series, we talked about buying a domain name and hosting. You can see that post here. This week I want to show you how to update your nameservers so that your domain name points to your hosting.

READ MORE

Comments:
Leave a Comment
Categories:
Webdesign

Just Starting Out: Domain Name and Hosting

9 Aug

BrandITGirl_JSO_DomainName-Hosting_BlogPost

 

When you are just starting out, it is often difficult to know where to turn to for help or what to do. So this mini series Just Starting Out will help you to take those very early steps towards owning your own website. In this first edition we will be looking at buying a domain name and hosting service. If there is anything specific you are struggling with and you would like me to share my tips and tricks, please leave a comment below or email me!

READ MORE

Comments:
2 Comments
Categories:
Webdesign


Hey there you majestic creature!
You can do anything.
Let me show you how!

  • 
  • 
  • 
  • 
  • 
  • 

Topics

Popular Posts

Business Transparency is Brave. And how you can learn from it.

Follow on Instagram

@THEBRANDITGIRL

Join me on Pinterest

@BRANDITGIRL

Follow Brand IT Girl - Brand Styling, Design + Business Blog's board BUSINESS | ADVICE, TIPS + TUTORIALS on Pinterest.

JOIN BRAND IT GIRLS CONNECTED
AND GET YOUR FREE 10 STEP GUIDE TO GROWING YOUR BUSINESS

Do you crave to be part of a supportive and encouraging collective?
A forum to voice your ideas and get honest feedback?
So do a lot of other powerful IT Girls like you. Join the community today!

COPYRIGHT © 2016 · BRAND IT GIRL · CREDITS

HOW ABOUT AN ALL INCLUSIVE, SUPPORTIVE COMMUNITY OF IT GIRL LADY BOSSES?
JOIN THE BRAND IT GIRLS CONNECTED COMMUNITY!
Not only will you get access to the community, you will also get a FREE 10 Step Guide to Growing your Business - complete with workbook!
NAME
EMAIL
JOIN BRAND IT GIRLS CONNECTED
AND GET YOUR FREE 10 STEP GUIDE TO GROWING YOUR BUSINESS

Do you crave to be part of a supportive and encouraging collective?
A forum to voice your ideas and get honest feedback?
So do a lot of other powerful IT Girls like you. Join the community today!