Pinterest_Logo-600x150

How to Add a Pinterest Icon to the Aphrodite WordPress Theme

I had a client who really wanted to get a PInterest icon added to their Aphrodite WordPress Theme, but there was nowhere in the WordPress help section to show how to do it, so I had to figure it out myself.  Here is how you can add a Pinterst icon to your Aphrodite WordPress Theme (it’s a bit of a work around).

As an overall, what I’m doing is changing the Dribbble icon to a Pinterest icon and then working with that.  If you use Dribbble and don’t want to swap out that icon, you can apply these concepts to any other icon.

First, you need to create a Pinterest icon that matches the Aphrodite Theme.  Luckily, I have done that and you can download that by right clicking and ‘file save as …’ here.  This is named ‘dribbble.png’ so you shouldn’t have to adjust anything.  When you save it, it should save as ‘dribbble.png’.

Pinterest icon for Aphrodite WordPress Theme

Now, if you stop here, you will have a Pinterest icon showing in the header of your theme, but when you hover over the icon it will show “Dribbble”.  I’m a little OCD, so that bugs me, so I had to figure out where to change that.Second, you need to swap out the dribbble.png file in the Aphrodite directory on your serve (best done via FTP).  The dribbble.png file sits in the /wp-content/themes/aphrodite/images/social_dark/ folder.  Log into your FTP account, then rename the dribbble.png image that is on the server to dribbble-old.png (just in case you ever need it again).  Upload your new dribbble.png (aka Pinterest  icon) to that folder.

Via FTP, go to your main /wp-content/themes/aphrodite directory.  Download the header.php file.  Rename the existing header.php file to header-old.php (again – always good to keep the original).  Open the header.php file with an HTML editor (or notepad).  If in an HTML editor, go to lines 418 (see image) and notice that on line 424 it references the “title” and the “href”.

aphrodite-theme-add-pinterest-icon

Change the “title” to “Pinterest” and the href (which used to be http://dribbble.com/) to “http://pinterest.com/” — this will allow you to just enter your Pinterest username and it will link correctly.

Now, go into the Aphrodite Theme settings in your site, go to the social icons, and in the Dribbble section, enter your Pinterest userid.  That should create a Pinterest icon in the header of the Aphrodite Theme and link over to your Pinterest account.

Hopefully this was helpful to everyone.  Please comment and let me know if it was helpful.

Print Friendly

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>