Home › Updates


3 ways to add a Twitter feed to your website

 May 3, 2013
by Flavio Mester

Twitter logo

Your Web Department now provides 3 easy methods for you to display your Twitter feed on any page of your website.

1. Using the Twitter Feed tool, “Plain list” display style

Twitter - plain list feedAny YWD website comes with the Twitter Feed tool. You simply add it to a page, enter your Twitter account/username and specify the number of tweets that should be included. The new default display style is called “Plain list” and will show your most recent tweets as a plain vanilla list. The text and links colours will inherit your website’s by default, but you can override them if you want.

Also, the text will expand to the maximum width of its container (e.g. the Main column of your page) but you can limit it to a width. And you can also apply an autoformat to the content block if you’d like to have a border or padding around it, for instance.

This style is great if you’d like your Twitter feed to integrate seamlessly with the rest of your website.

2. Using the Twitter Feed tool, “Stylized box” display style

Twitter feed - stylized boxThis style will place your tweets inside a scrollable box, with a thumbnail of your profile photo, links to your Twitter page and more. You have a few options in terms of customizing its look and feel, like the shell background colour, the tweets area background colour, the shell text. You can also choose whether you’d like the box width to auto-expand or not.

This style is indicated if you’d like to show your Twitter feed very prominently, especially if your YWD website package doesn’t include the Embed Code tool.

3. Embedding Twitter’s own widgets

Twitter offers you the ability to create you own widgets. You go to https://twitter.com/settings/widgets and create them there.

Twitter feed widgetIf your YWD website package includes the Embed Code tool then it's just a matter of grabbing the code Twitter generates and pasting it into an Embed Code content block.

For more information on Your Web Department’s Twitter Tool, visit this Help page.

Flavio Mester

Flavio Mester is a graphic designer as well as a systems analyst (in a distant life he was an architect). A founding partner of Your Web Department, he's responsible for the design and development of all the YWD website management platform interfaces.
Google+ | Twitter | LinkedIn




Top of page