If you want to add a Twitter share button to your website, you can set it up through the Jetpack plugin. There are a few design tweaks you can make, too, like changing the link and text colors and adjusting the feed width and padding.įeed Them Social is free, but there’s also a Premium version that starts at $50 and has additional features, like displaying multiple feeds and letting you decide how many items you want each social feed to display. Your feeds can also show a follow button and a follower count, plus your profile photo (though you have the option to hide it). The Feed Them Social plugin lets you display social feeds for Twitter, along with Facebook Pages, Instagram and YouTube. There’s a Pro version of the plugin that offers more features, like showing tweets with media, showing Twitter cards and enabling auto-scrolling. There are a number of elements that you can opt to hide or show, too: There are three layouts to choose from: list, carousel and masonry. You can customize your feeds to change the width and height, and you can also choose your colors, header text and font options (like text weight and size). What’s especially useful is that your Twitter feed will be crawlable by search engines, which means you’ll add to the SEO power of your website. You can show your own tweets, the feed from another Twitter account or a hashtag feed. The Custom Twitter Feeds plugin displays tweets in a way that matches your WordPress theme’s style. Then, we’ll get into a few more ways to add Twitter widgets to your content or website without having to use a plugin. In this section, we’ll dive into six of our favorite Twitter widgets for WordPress. 6 Plugins to Create Twitter Widgets in WordPress In this article, we’re going to tell you about a number of plugins that let you create Twitter widgets for WordPress, and we’ll also show you how to add similar widgets manually. This helps create a sort of user engagement loop: Your website visitors can connect with you on Twitter, where they can then see more of the content you post and be directed back to your website. demo.Twitter widgets for WordPress let you display your recent tweets–or those from a specific hashtag, list, etc.–on your website. This is the place you should start from if you plan to modify the demo. Lets move to the CSS A jQuery Twitter Ticker Step 2 - CSS In the design I used an amazing twitter icon by freakyframes.
This will insure that it is only shown if working properly. That is why we are hiding it in the CSS and showing it with jQuery. The twitter ticker operates only if JavaScript is present and enabled. Save the file and upload to your web host (or copy it to the www folder of a locally running Apache server) and open it in your browser. Then, download and extract the zip with the demo, open proxy.php and copy over the required keys from the application page that you just created. Important: If you only want to set up this widget on your site and you don't want to follow the tutorial, follow the steps above and create the twitter application. This will give you access tokens, client secrets and other keys, that you have to enter in proxy.php in the last step of the tutorial, for the demo to work. This is required by some of the API endpoints. This will allow the app to read data from your account as if it was you (read only).
To make it work, you will have to create a twitter application from twitter's dev site. Below is an updated version of the tutorial that uses a PHP script that communicates with the newer OAuth-based v1.1 API. This made things much easier, but starting from June 11th 2013, twitter discontinued this API.
Originally, this tutorial was published in 2009 and used Twitter's search API which was JavaScript-only and didn't require authentication. In order to use twitter's newer, v1.1 API, we will have to use a PHP proxy script, that will communicate with the API securely for us. It will show your or your friends' latest tweets. In this tutorial we are going to create a jQuery, CSS & PHP twitter ticker which utilizes Twitter's Search API.