{"id":130,"date":"2014-05-17T10:38:14","date_gmt":"2014-05-17T10:38:14","guid":{"rendered":"http:\/\/www.momizat.com\/theme\/goodnews-demo\/?p=130"},"modified":"2014-05-17T10:38:14","modified_gmt":"2014-05-17T10:38:14","slug":"create-a-twitter-widget","status":"publish","type":"post","link":"https:\/\/joanpa.com\/?p=130","title":{"rendered":"Create A Twitter Widget"},"content":{"rendered":"<p>How To Create A Twitter Widget for your WordPress Themes . Twitter needs no introduction.Wordpress Themes  It has become <em>the<\/em> way to reach audiences for some people and companies and a place to hang out for others. Placing a Twitter feed on one\u2019s website has almost become compulsory. Embedding a feed isn\u2019t all that difficult if you are comfortable with Twitter\u2019s default widget, but making your own will enable you to blend it into your website seamlessly.Wordpress Themes<\/p>\n<p><a href=\"http:\/\/media.mediatemple.netdna-cdn.com\/wp-content\/uploads\/2013\/06\/photodune-4052663-twitter-on-keyboard-xs_mini.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-109426\" src=\"http:\/\/media.mediatemple.netdna-cdn.com\/wp-content\/uploads\/2013\/06\/photodune-4052663-twitter-on-keyboard-xs_500_mini.jpg\" alt=\"photodune-4052663-twitter-on-keyboard-xs\" \/><\/a><\/p>\n<h3>The Result<\/h3>\n<p>The result of our effort will be a WordPress widget that can be placed in a widgetized sidebar. It will display the user\u2019s details on top and the latest few items from the user\u2019s feed. You can see it in action in our <a href=\"http:\/\/bonsaished.com\/musico\/about\/\">Musico<\/a> theme, although the screenshot below says it all.Wordpress Themes<\/p>\n<p><a href=\"http:\/\/media.mediatemple.netdna-cdn.com\/wp-content\/uploads\/2013\/06\/finished_widget_mini.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-108921\" src=\"http:\/\/media.mediatemple.netdna-cdn.com\/wp-content\/uploads\/2013\/06\/finished_widget_mini.png\" alt=\"finished_widget\" \/><\/a><\/p>\n<h3>About The Twitter Terms Of Service<\/h3>\n<p>Because this is a custom widget, you control what and how elements are displayed. Make sure to read Twitter\u2019s \u201c<a href=\"https:\/\/dev.twitter.com\/terms\/display-requirements\">Developer Display Requirements<\/a>\u201d to find out what you need to display. I will be breaking some of the rules for simplicity\u2019s sake, but bolting on stuff will be a trivial matter once you\u2019ve finished this article.Wordpress Themes<\/p>\n<p>Note that <strong>conforming to the requirements is a must<\/strong>. If you do not, you run the risk of your ID being banned which means that your widget will not display any tweets.<\/p>\n<h3>First Step: Create A Twitter App<\/h3>\n<p>Before writing any code, we\u2019ll 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:<\/p>\n<p><iframe loading=\"lazy\" src=\"http:\/\/player.vimeo.com\/video\/60891535?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff\" width=\"500\" height=\"375\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>In case you prefer reading to watching a video, <strong>here are the basic steps<\/strong>:<\/p>\n<ol>\n<li>Log into Twitter\u2019s <a href=\"https:\/\/dev.twitter.com\/\">developers section<\/a>.<\/li>\n<li>Go to \u201c<a href=\"https:\/\/dev.twitter.com\/apps\">My Applications<\/a>,\u201d and click \u201cCreate a new application.\u201d<\/li>\n<li>Fill out the required fields, accept the rules of the road, and then click on the \u201cCreate your Twitter application\u201d button. You will not need a callback URL for this app, so feel free to leave it blank.<\/li>\n<li>Once the app has been created, click the \u201cCreate my access token\u201d button.<\/li>\n<li>You\u2019re done! You will need the following data later on:\n<ul>\n<li>consumer key,<\/li>\n<li>consumer secret,<\/li>\n<li>access token,<\/li>\n<li>access token secret.<\/li>\n<li><\/li>\n<li>\n<h2>WordPress Themes<\/h2>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3>Add Our App\u2019s Details<\/h3>\n<p>To add some options to our theme quickly, we\u2019ll be using the theme customizer, introduced in WordPress 3.4. Smashing Magazine has an <a href=\"http:\/\/www.smashingmagazine.com\/2013\/03\/05\/the-wordpress-theme-customizer-a-developers-guide\/\">exhaustive article on it<\/a>, if you\u2019re interested to learn more. For now, we\u2019ll just add the bare necessities.<\/p>\n<p>&nbsp;<\/p>\n<p>Adding the code above to your theme\u2019s <code>functions.php<\/code> file will generate a link to the customizer in the \u201cAppearance\u201d section of the admin area. To add some options, we\u2019ll need to create a class. Add a file named <code>MyCustomizer.class.php.<\/code><\/p>\n<p>&nbsp;<\/p>\n<p>from : http:\/\/www.smashingmagazine.com\/2013\/06\/27\/create-twitter-widget\/<\/p>\n<p>[quote font=\u00bbverdana\u00bb font_size=\u00bb14&#8243; font_style=\u00bbitalic\u00bb color=\u00bb#474747&#8243; bgcolor=\u00bb#F5F5F5&#8243; bcolor=\u00bb#dd9933&#8243; arrow=\u00bbyes\u00bb align=\u00bbcentre\u00bb]This Demo Content Brought to you by <a href=\"http:\/\/momizat.com\/\" target=\"_blank\" rel=\"dofollow\">Momizat Team<\/a> [\/quote]<\/p>\n<h2>this is tags and keywords : wordpress themes momizat Tutorial wordpress  templates<\/h2>\n","protected":false},"excerpt":{"rendered":"<p>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\u2019s website has almost become compulsory. Embedding a feed isn\u2019t all that difficult [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3967,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"video","meta":{"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[577,596,597,601,604],"class_list":{"0":"post-130","1":"post","2":"type-post","3":"status-publish","4":"format-video","5":"has-post-thumbnail","7":"category-portada","8":"tag-momizat","9":"tag-templates","10":"tag-themes","11":"tag-tutorial","12":"tag-wordpress","13":"post_format-post-format-video"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Create A Twitter Widget * Joanpa.com<\/title>\n<meta name=\"description\" content=\"How To Create A Twitter Widget for your WordPress Themes -Twitter needs no introduction. in Wordpress Themes It has become the way to reach audiences\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/joanpa.com\/?p=130\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create A Twitter Widget * Joanpa.com\" \/>\n<meta property=\"og:description\" content=\"How To Create A Twitter Widget for your WordPress Themes -Twitter needs no introduction. in Wordpress Themes It has become the way to reach audiences\" \/>\n<meta property=\"og:url\" content=\"https:\/\/joanpa.com\/?p=130\" \/>\n<meta property=\"og:site_name\" content=\"Joanpa.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joanpafb\" \/>\n<meta property=\"article:published_time\" content=\"2014-05-17T10:38:14+00:00\" \/>\n<meta name=\"author\" content=\"joanpa\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@joanpanews\" \/>\n<meta name=\"twitter:site\" content=\"@joanpanews\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"joanpa\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/joanpa.com\/?p=130#article\",\"isPartOf\":{\"@id\":\"https:\/\/joanpa.com\/?p=130\"},\"author\":{\"name\":\"joanpa\",\"@id\":\"https:\/\/joanpa.com\/#\/schema\/person\/25889de9aaa167fe06e35f7e824c622e\"},\"headline\":\"Create A Twitter Widget\",\"datePublished\":\"2014-05-17T10:38:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/joanpa.com\/?p=130\"},\"wordCount\":516,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/joanpa.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/joanpa.com\/?p=130#primaryimage\"},\"thumbnailUrl\":\"\",\"keywords\":[\"momizat\",\"templates\",\"themes\",\"Tutorial\",\"wordpress\"],\"articleSection\":[\"Portada\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/joanpa.com\/?p=130#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/joanpa.com\/?p=130\",\"url\":\"https:\/\/joanpa.com\/?p=130\",\"name\":\"Create A Twitter Widget * Joanpa.com\",\"isPartOf\":{\"@id\":\"https:\/\/joanpa.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/joanpa.com\/?p=130#primaryimage\"},\"image\":{\"@id\":\"https:\/\/joanpa.com\/?p=130#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2014-05-17T10:38:14+00:00\",\"description\":\"How To Create A Twitter Widget for your WordPress Themes -Twitter needs no introduction. in Wordpress Themes It has become the way to reach audiences\",\"breadcrumb\":{\"@id\":\"https:\/\/joanpa.com\/?p=130#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/joanpa.com\/?p=130\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/joanpa.com\/?p=130#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/joanpa.com\/?p=130#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/joanpa.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create A Twitter Widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/joanpa.com\/#website\",\"url\":\"https:\/\/joanpa.com\/\",\"name\":\"Joanpa.com\",\"description\":\"Portal de Noticias de Aguachica y la Regi\u00f3n.\",\"publisher\":{\"@id\":\"https:\/\/joanpa.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/joanpa.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/joanpa.com\/#organization\",\"name\":\"Joanpa Noticias\",\"url\":\"https:\/\/joanpa.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/joanpa.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/joanpa.com\/wp-content\/uploads\/2023\/04\/Logo-108x108-1-1280x1057.png\",\"contentUrl\":\"https:\/\/joanpa.com\/wp-content\/uploads\/2023\/04\/Logo-108x108-1-1280x1057.png\",\"width\":1280,\"height\":1057,\"caption\":\"Joanpa Noticias\"},\"image\":{\"@id\":\"https:\/\/joanpa.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/joanpafb\",\"https:\/\/x.com\/joanpanews\",\"https:\/\/www.instagram.com\/aguachica\/\",\"https:\/\/www.youtube.com\/joanpanews\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/joanpa.com\/#\/schema\/person\/25889de9aaa167fe06e35f7e824c622e\",\"name\":\"joanpa\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/joanpa.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/576122f1beeeb98e402fcfa5323642f5efbbe8a59df8df0a4f180bfd67e2ed6d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/576122f1beeeb98e402fcfa5323642f5efbbe8a59df8df0a4f180bfd67e2ed6d?s=96&d=mm&r=g\",\"caption\":\"joanpa\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create A Twitter Widget * Joanpa.com","description":"How To Create A Twitter Widget for your WordPress Themes -Twitter needs no introduction. in Wordpress Themes It has become the way to reach audiences","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/joanpa.com\/?p=130","og_locale":"es_ES","og_type":"article","og_title":"Create A Twitter Widget * Joanpa.com","og_description":"How To Create A Twitter Widget for your WordPress Themes -Twitter needs no introduction. in Wordpress Themes It has become the way to reach audiences","og_url":"https:\/\/joanpa.com\/?p=130","og_site_name":"Joanpa.com","article_publisher":"https:\/\/www.facebook.com\/joanpafb","article_published_time":"2014-05-17T10:38:14+00:00","author":"joanpa","twitter_card":"summary_large_image","twitter_creator":"@joanpanews","twitter_site":"@joanpanews","twitter_misc":{"Escrito por":"joanpa","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/joanpa.com\/?p=130#article","isPartOf":{"@id":"https:\/\/joanpa.com\/?p=130"},"author":{"name":"joanpa","@id":"https:\/\/joanpa.com\/#\/schema\/person\/25889de9aaa167fe06e35f7e824c622e"},"headline":"Create A Twitter Widget","datePublished":"2014-05-17T10:38:14+00:00","mainEntityOfPage":{"@id":"https:\/\/joanpa.com\/?p=130"},"wordCount":516,"commentCount":0,"publisher":{"@id":"https:\/\/joanpa.com\/#organization"},"image":{"@id":"https:\/\/joanpa.com\/?p=130#primaryimage"},"thumbnailUrl":"","keywords":["momizat","templates","themes","Tutorial","wordpress"],"articleSection":["Portada"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/joanpa.com\/?p=130#respond"]}]},{"@type":"WebPage","@id":"https:\/\/joanpa.com\/?p=130","url":"https:\/\/joanpa.com\/?p=130","name":"Create A Twitter Widget * Joanpa.com","isPartOf":{"@id":"https:\/\/joanpa.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/joanpa.com\/?p=130#primaryimage"},"image":{"@id":"https:\/\/joanpa.com\/?p=130#primaryimage"},"thumbnailUrl":"","datePublished":"2014-05-17T10:38:14+00:00","description":"How To Create A Twitter Widget for your WordPress Themes -Twitter needs no introduction. in Wordpress Themes It has become the way to reach audiences","breadcrumb":{"@id":"https:\/\/joanpa.com\/?p=130#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/joanpa.com\/?p=130"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/joanpa.com\/?p=130#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/joanpa.com\/?p=130#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/joanpa.com\/"},{"@type":"ListItem","position":2,"name":"Create A Twitter Widget"}]},{"@type":"WebSite","@id":"https:\/\/joanpa.com\/#website","url":"https:\/\/joanpa.com\/","name":"Joanpa.com","description":"Portal de Noticias de Aguachica y la Regi\u00f3n.","publisher":{"@id":"https:\/\/joanpa.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/joanpa.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/joanpa.com\/#organization","name":"Joanpa Noticias","url":"https:\/\/joanpa.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/joanpa.com\/#\/schema\/logo\/image\/","url":"https:\/\/joanpa.com\/wp-content\/uploads\/2023\/04\/Logo-108x108-1-1280x1057.png","contentUrl":"https:\/\/joanpa.com\/wp-content\/uploads\/2023\/04\/Logo-108x108-1-1280x1057.png","width":1280,"height":1057,"caption":"Joanpa Noticias"},"image":{"@id":"https:\/\/joanpa.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/joanpafb","https:\/\/x.com\/joanpanews","https:\/\/www.instagram.com\/aguachica\/","https:\/\/www.youtube.com\/joanpanews"]},{"@type":"Person","@id":"https:\/\/joanpa.com\/#\/schema\/person\/25889de9aaa167fe06e35f7e824c622e","name":"joanpa","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/joanpa.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/576122f1beeeb98e402fcfa5323642f5efbbe8a59df8df0a4f180bfd67e2ed6d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/576122f1beeeb98e402fcfa5323642f5efbbe8a59df8df0a4f180bfd67e2ed6d?s=96&d=mm&r=g","caption":"joanpa"}}]}},"jetpack_publicize_connections":[],"_links":{"self":[{"href":"https:\/\/joanpa.com\/index.php?rest_route=\/wp\/v2\/posts\/130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/joanpa.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/joanpa.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/joanpa.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/joanpa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=130"}],"version-history":[{"count":0,"href":"https:\/\/joanpa.com\/index.php?rest_route=\/wp\/v2\/posts\/130\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/joanpa.com\/index.php?rest_route=\/wp\/v2\/posts\/3967"}],"wp:attachment":[{"href":"https:\/\/joanpa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/joanpa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=130"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/joanpa.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}