How to Add a Twitter Icon to WordPress

Twitter includes several resources for adding Twitter icons to a website or blog. Twitter icons can be just a plain image or can act as buttons on your blog. The three types of buttons are "Follow" buttons, "Tweet" buttons and widgets. When a visitor to your blog clicks a "Follow" button, she is taken to your Twitter profile page. When a visitor clicks a "Tweet" button, your blog post is automatically posted to her Twitter account. Widgets provide a real-time feed to your Twitter profile or a feed to the Twitter accounts you follow.

Things You'll Need

  • Twitter account
  • Administrative access to WordPress

Instructions

  1. Accessing the Twitter Icons

    • 1

      Open a Web browser and log into Twitter with your username and password. This takes you to your Twitter homepage.

    • 2

      Click the "Resources" link on the bottom of the right column in your Twitter homepage. This takes you to a selection of "Follow" buttons, "Tweet" buttons, widgets and Twitter logos.

    • 3

      Select the type of Twitter icon you want for your blog.

    Adding a Plain Icon or Logo

    • 1

      Click the "Download Twitter Logos & Icons" link from the Resource page to add a plain Twitter icon or logo. These are image files without any HTML code.

    • 2

      Select any of the PNG files available. Note that EPS files are also available, but these are for graphic design and are not suitable for use on a blog or website. Right-click any PNG link to download it to your computer.

    • 3

      Log into your WordPress account.

    • 4

      Click the "Media" link in the dashboard. Then click "Add New." Upload the PNG file to your WordPress media library.

    • 5

      Add the image to any page or blog post by clicking the "Add an Image" button. You can also add the icon to a WordPress column by pasting the link to your image into a Text widget. WordPress widgets are accessible from the "Widgets" link, located in the Appearance section of your Dashboard.

    Adding a Button or Widget

    • 1

      Select the type of button or widget you want from the Twitter Resources page.

    • 2

      Select the style of button or widget you would like. Then copy the HTML code to your clipboard by highlighting it and pressing "Ctrl" and "C" on your keyboard.

    • 3

      Log into your WordPress account.

    • 4

      Go to any page or blog entry where you want the button or widget to appear. Click the "Edit" link. Paste the code into the blog entry or page by pressing "Ctrl" and "V" on your keyboard.

    • 5

      Place the Twitter button or widget on every page of your website by pasting the code into a WordPress widget. To do this, go to the "Widgets" link in the Appearance section of your WordPress dashboard. Drag a Text widget into a column. Then click on the widget and paste the code into the widget. Click "Save."

Tips & Warnings

  • The Twitter PNG logos and icons are quite large. You may prefer to resize them using any graphics software before uploading them to WordPress.
Related Searches

References

You May Also Like

Related Ads

View Blog Post

Enter the Geek Vs Geek Giveaway and Win a Roku!