What's WP
Our everything is about WordPress - best choice of WordPress users!
How to Showcase Twitter Tweets on WordPress Website?

How to Showcase Twitter Tweets on WordPress Website?

With the development of social networking, more and more website owners start to make full use of them to promote websites, such as adding Tumblr shared button, Facebook shared button, and of course, Twitter shared button. Webmasters use them to share website posts to get followers’ attention. However, all these practices only enable to transfer information from website to social networking rather than from social networking to website.

Thus, we are going to show readers how to showcase Twitter Tweets on WordPress website. By doing this, website visitors can notice your latest articles on current page, which may arouse people’s interests on your website and stay longer. In the following, our editors summarize three simple ways to achieve this easily.

Display Tweets on WordPress

Showcase the Latest Tweets with Codes

Code is always the easiest and resource-saving way to do any configuration in WordPress. However, for people who have little-to-no knowledge about codes, the practice may be extremely out of reach. But don’t worry, we present all the codes in below. Readers just need to copy and paste the following codes to a text widget, then drag and drop it to the sidebar or just put it in any theme file. However, for long-term concern, we highly recommend all website managers to read HTML books and PHP books to acquire some coding knowledge.

Showcase the Latest Tweets with Codes

As you can see, there is a word – WhatsWP at the end of the forth line, which is supposed to be your Twitter username and there is a number 3 at the fifth line which means how many Tweets you want to show on your site. Then, you should replace them with your Twitter username and favored quantity.

Showcase the Latest Tweets with WordPress Plugins

If you are tired of coding staff, then, you can turn to WordPress – the most powerful platform. It develops all kinds of plugins to help users easily customize their website such as Google Map plugin, weather plugin, and of course wonderful plugins to showcase the latest Twitter Tweets. In the following, we carefully choose some convenient and amazing ones for all readers.

Latest Tweets Widget

The plugin aims to help webmasters connect their Twitter Tweets to websites easily by simply adding Twitter account to this plugin. Latest Tweets Widget supports for Twitter API 1.1 that is the newest version. Besides, it offers full OAuth authentication through admin area in WordPress to ensure the fetched Tweets are full compatible.

Latest Tweets Widget

Gabfire Twitter Feed

By using Gabfire Twitter Feed, you can showcase your recent Tweets in any sidebar or any widget area. Integrated with OAuth, the plugin can operate well with all themes. When it comes to connecting your Tweets with websites, you can utilize either Twitter username or hashtag. Besides, Twitter Feed comes with a minimal design that matches with any theme automatically; however, if you prefer to customize it, there are several useful classes in CSS file to change some useful elements.

Gabfire Twitter Feed

Inline Tweets

As the name suggests, the usage of Inline Tweets is obvious: helping to display Tweets on websites. It enables people to add the latest or a certain Tweet in any post, page, or even in the text widget. Of course, there are options for users to customize the plugin style.

Inline Tweets

Showcase the Latest Tweets with Tweeter Widget

Frankly speaking, this practice is pretty easy to handle. You only need to go for a specific tweet you’d like to showcase in your content, and click the more action from its bottom. Note that every tweet has a set of actions including photo viewing, favorite, reply, and retweet. The tweet embedding is hidden into the dropdown menu of the More option. Within it, you can also pin to your Twitter profile.

Then, the needed coding stuff can be created immediately. Before copying and pasting the HTML code into of your target webpage with the proper placement you want, you’d better check the preview section firstly to see whether the appearance and the way it displays can fully meet your requirements.

embedded tweet preview

This graphical example is the standard embedded tweet generated by Twitter. It includes your featured image that is already expanded, your Twitter account, the post title along with a brief summary, the publish date, and the number of retweets and favorites in real time. In addition, there is a Twitter Follow button integrated automatically, allowing readers to follow your account directly from your webpage if they are interested in your tweet. Moreover, this embedded tweet is pretty interactive, allowing people to reply, retweet and favorite your tweets simply from the bottom box.

How to Customize the Tweets

Sometimes, you may dislike the default appearance of your embedded tweet after checking the preview section. In this case, you can make some modifications of the code using the corresponding attributes.

Disable Conversation

Disable Conversation

Hide Twitter Cards

Hide Twitter Cards

Decide the Width and Height

Decide Width and Height

Set the Alignment

Set Alignment

Choose the Theme and Color

Choose Theme and Color

After modifying the code based on your preferences, now you can copy and paste the code into any webpage you want the tweet to display. Here, we have to mention that unlike the embedded Twitter timeline that would be better to be added into the homepage or the website sidebar as it displays multiple tweets and updates for the latest information uninterruptedly, the embedded tweet is fixed that needs to be added into one of your blog post or webpage.

Author

Lucy has been a very experienced SEOer, technical writer, web developer, c# developer since 2002. Now she owns a startup in San Francisco, CA, focusing on running a couple of blogs to share knowledge and experience with global readers and deliver exceptional results to global sponsors by leveraging the power of Internet.

Close

Want to Learn More About WordPress?

Get Our Free Themes, Plugins, Support, SEO Tips, and Other Tutorials!