Create A Twitter Widget

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:

[vimeo 60891535 w=500 h=375]

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

Comentários

  1. السلام عليكم هل القالب يدعم اللغة العربية

    ResponderExcluir
  2. نعم يدعم اللغة العربية

    ResponderExcluir
  3. Art Belief Entertainment Events Flags Food History Language Literature Music Objects People Places Politics Sports

    ResponderExcluir
  4. this is my favorite wordpress theme!

    ResponderExcluir
  5. تمام والقالب جميل جدا كم سعرة وكيف اتواصل معك ؟؟

    ResponderExcluir
  6. Proin tristique elit et augue varius pellentesque. Donec enim neque, vulputate et commodo in, tristique sed velit. Phasellus adipiscing faucibus felis eget hendrerit. Vestibulum aliquet mauris sed felis convallis, sed tempus augue malesuada.

    ResponderExcluir
  7. Proin tristique elit et augue varius pellentesque. Donec enim neque, vulputate et commodo in, tristique sed velit. Phasebbibnkjbkj

    ResponderExcluir
  8. Maecenas congue mauris erat, in eleifend ante eleifend quis. In quis leo sit amet nibh imperdiet dignissim. Morbi malesuada luctus tortor,

    ResponderExcluir
  9. Cras at sem at leo pretium bibendum et at nisl. Pellentesque odio enim, consectetur vitae commodo non, facilisis tincidunt justo.

    ResponderExcluir
  10. Mauris mi sem, malesuada sed sapien ut, sagittis condimentum urna. Nullam lacus mi, vulputate sed sollicitudin in

    ResponderExcluir
  11. Quisque ac scelerisque dolor. Nam sapien leo, euismod id elementum ut, dapibus eget elit. Nunc posuere porttitor nulla

    ResponderExcluir
  12. Vestibulum sit amet ante eget diam scelerisque eleifend. Nam metus mauris, cursus non suscipit ut, faucibus ut quam.

    ResponderExcluir
  13. cfth trrdthrth Vestibulum sit amet ante eget diam scelerisque eleifend. Nam metus mauris, cursus non suscipit ut, faucibus ut quam. rdgrdg

    ResponderExcluir
  14. just wanted to see how comments post and looks like.

    ResponderExcluir
  15. من هنا : http://themeforest.net/item/goodnews-responsive-wordpress-newsmagazine/1150692?ref=Momizat

    ResponderExcluir

Postar um comentário