Mar 17

Twitter Feed Shortcodes & Skins Example

Twitter Feed plugin for WordPress

The following is a live example of our plugin Twitter Feed in action. Here you can see how all the shortcodes (3 of them) work, and how all the skins (5 of them, as of now) look. You can also see the widget in action on the right sidebar.

Twitter Feed features 3 different tweet displaying types: static, scrolling & sliding. The following examples show how the different display types appear visually with the various available tweet skins.

Static Tweets

You can display tweets statically, with no transition or animation applied to them. Static tweets have 4 skins that can be applied to them.

Default Tweet Skin

The default skin matches the style of your theme, inheriting its font family and font color.

Error: You did not provide the required Twitter tokens

Simplistic Tweet Skin

The simplistic skin features a light border around each tweet.

Error: You did not provide the required Twitter tokens

Futuristic Tweet Skin

The futuristic skin

Error: You did not provide the required Twitter tokens

Talk Bubble Tweet Skin

Error: You did not provide the required Twitter tokens

No Assets Tweets

Assets are additional tweet data that can be displayed alongside the tweet text. These assets include: username, screenname, avatar, tweet time, tweet actions (like, retweet, reply), and tweet media (images, vine, youtube videos). Here is how the tweets look when all their assets are striped away:

Error: You did not provide the required Twitter tokens

Scrolling Tweets

You can also display tweets as a single line that scrolls from right to left if the text is wider than the screen. There are 2 different skins that can be applied to scrolling tweets.

Default skin

Error: You did not provide the required Twitter tokens

LED Screen

Error: You did not provide the required Twitter tokens

Sliding Tweets

Finally, you can display tweets as a slider that scrolls in any direction, or even randomly. Like the static tweets, there are 4 different skins that can be applied to sliding tweets.

Default skin

Error: You did not provide the required Twitter tokens

Simplistic Skin

Error: You did not provide the required Twitter tokens

Futuristic Skin

Error: You did not provide the required Twitter tokens

Talk-Bubble Skin

Error: You did not provide the required Twitter tokens

Yoav Kadosh | March 17, 2015

Leave a Reply