Create A Twitter Widget

2432

How To Create A Twitter Widget for your WordPress Themes . Twitter needs no introduction.Wordpress Themes It has become the way to reach audiences for some people and companies and a place to hang out for others. Placing a Twitter feed on one’s website has almost become compulsory. Embedding a feed isn’t all that difficult if you are comfortable with Twitter’s default widget, but making your own will enable you to blend it into your website seamlessly.Wordpress Themes

photodune-4052663-twitter-on-keyboard-xs

The Result

The result of our effort will be a WordPress widget that can be placed in a widgetized sidebar. It will display the user’s details on top and the latest few items from the user’s feed. You can see it in action in our Musico theme, although the screenshot below says it all.Wordpress Themes

finished_widget

About The Twitter Terms Of Service

Because this is a custom widget, you control what and how elements are displayed. Make sure to read Twitter’s “Developer Display Requirements” to find out what you need to display. I will be breaking some of the rules for simplicity’s sake, but bolting on stuff will be a trivial matter once you’ve finished this article.Wordpress Themes

Note that conforming to the requirements is a must. If you do not, you run the risk of your ID being banned which means that your widget will not display any tweets.

First Step: Create A Twitter App

Before writing any code, we’ll have to get our hands on a Twitter app or, more appropriately, Twitter API credentials. The process is explained in a video that I made:

In case you prefer reading to watching a video, here are the basic steps:

  1. Log into Twitter’s developers section.
  2. Go to “My Applications,” and click “Create a new application.”
  3. Fill out the required fields, accept the rules of the road, and then click on the “Create your Twitter application” button. You will not need a callback URL for this app, so feel free to leave it blank.
  4. Once the app has been created, click the “Create my access token” button.
  5. You’re done! You will need the following data later on:
    • consumer key,
    • consumer secret,
    • access token,
    • access token secret.
    • WordPress Themes

Add Our App’s Details

To add some options to our theme quickly, we’ll be using the theme customizer, introduced in WordPress 3.4. Smashing Magazine has an exhaustive article on it, if you’re interested to learn more. For now, we’ll just add the bare necessities.

 

Adding the code above to your theme’s functions.php file will generate a link to the customizer in the “Appearance” section of the admin area. To add some options, we’ll need to create a class. Add a file named MyCustomizer.class.php.

 

from : http://www.smashingmagazine.com/2013/06/27/create-twitter-widget/

[quote font=”verdana” font_size=”14″ font_style=”italic” color=”#474747″ bgcolor=”#F5F5F5″ bcolor=”#dd9933″ arrow=”yes” align=”centre”]This Demo Content Brought to you by Momizat Team [/quote]

this is tags and keywords : wordpress themes momizat Tutorial wordpress templates

Compartilhar.

Autor

2.432 Comentários

  1. Pingback: tinder in tokyo

  2. Wow, wonderful blog layout! How long have you been blogging for? you make blogging look easy. The overall look of your site is great, as well as the content!
    I really liked your blog article.Really looking forward to read more. Much obliged.
    There is clearly a lot to know about this. I consider you made various good points in features also.
    I do not even know how I ended up here, but I thought this post was good. I don’t know who you are but certainly you’re going to a famous blogger if you are not already 😉 Cheers!
    Hey terrific website! Does running a blog similar to this require a lot of work? I’ve absolutely no knowledge of programming however I had been hoping to start my own blog in the near future. Anyhow, should you have any suggestions or tips for new blog owners please share. I know this is off subject but I simply had to ask. Thank you!

  3. Spot on with this write-up, I really assume this website needs rather more consideration. I all most likely be again to learn rather more, thanks for that info.
    This awesome blog is really awesome and informative. I have chosen a lot of handy advices out of this amazing blog. I ad love to go back again and again. Thanks!
    Some really excellent posts on this site, regards for contribution.
    send this post to him. Fairly certain he will have a good read.
    Wow! Thank you! I continuously wanted to write on my website something like that. Can I include a fragment of your post to my site?
    Superb post here, thought I could learn more from but we can learn more from this post.
    Really appreciate you sharing this blog article. Really Cool.

  4. Психотерапия онлайн! Консультация у психологов Консультация психолога онлайн.
    Консультация психолога в Киеве Психотерапия
    онлайн! Консультация Психолога –
    Профессиональная поддержка. Психотерапия онлайн!
    Індивідуальні консультації.

  5. An interesting discussion is worth comment. There’s no doubt that that you ought to publish more about this topic, it may not be a taboo matter but usually people don’t discuss these issues. To the next! Many thanks!!|

  6. Sweet blog! I found it while searching on Yahoo News. Do you have any tips on how to get listed in Yahoo News? I’ve been trying for a while but I never seem to get there! Cheers|