{"id":4992,"date":"2017-01-31T01:09:20","date_gmt":"2017-01-31T01:09:20","guid":{"rendered":"http:\/\/tommustester.wpengine.com\/?page_id=50"},"modified":"2017-01-31T01:09:20","modified_gmt":"2017-01-31T01:09:20","slug":"twitter-feed","status":"publish","type":"page","link":"https:\/\/promosimple.com\/blog\/elements\/twitter-feed","title":{"rendered":"Elements &#8211; Twitter Feed"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221;][vc_column][stack_hero image=&#8221;38&#8243;][vc_column_text]<\/p>\n<h1>Twitter Feed<\/h1>\n<p class=\"lead\">These modular elements can be readily used and customized across pages and in different blocks.<\/p>\n<hr class=\"short\" \/>\n<p>Explore all of Stack&#8217;s modular elements<br \/>\nat the\u00a0<a href=\"\/elements\/\">Element Index Page \u2192<\/a>[\/vc_column_text][\/stack_hero][\/vc_column][\/vc_row][vc_section][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_column_text el_class=&#8221;boxed bg&#8211;secondary boxed&#8211;lg boxed&#8211;border&#8221;]<\/p>\n<h4>List Feed<\/h4>\n<p>Stack supports Twitter feeds via the <a href=\"https:\/\/github.com\/jasonmayes\/Twitter-Post-Fetcher\" target=\"_blank\">Twitter Fetcher<\/a> plugin by Jason Mayes and works simply by replacing the <strong>data-feed-name<\/strong> attribute with the Twitter account you&#8217;d like to embed.<\/p>\n<p>Use the optional <strong>data-amount<\/strong> attribute to limit the number of results displayed in the feed.<\/p>\n<p>The feed below would show the 3 most recent tweets from the Medium Rare twitter feed.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][stack_twitter layout=&#8221;list&#8221; username=&#8221;tommusrhodus&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_column_text el_class=&#8221;boxed bg&#8211;secondary boxed&#8211;lg boxed&#8211;border&#8221;]<\/p>\n<h4>Slider Feed<\/h4>\n<p>To convert the feed into a slider, simply add the class <strong>.slider<\/strong> to the tweets-feed element. You can also customize the slider using the data attributes described on the <a href=\"elements-sliders.html\">Sliders<\/a> element page.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][stack_twitter username=&#8221;tommusrhodus&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_row][vc_column][vc_column_text]<\/p>\n<h2 style=\"text-align: center;\">Looking for styled Twitter blocks?<\/h2>\n<p style=\"text-align: center;\"><a class=\"btn btn--primary type--uppercase\" href=\"\/sections\/twitter\/\">View Twitter blocks<\/a><\/p>\n<p class=\"type--fine-print\" style=\"text-align: center;\">or try the\u00a0<a href=\"http:\/\/tommusrhodus.theme-demo.net\/stackwordpresstheme\" target=\"_blank\">admin demo \u2197<\/a><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221;][vc_column][stack_hero image=&#8221;38&#8243;][vc_column_text] Twitter Feed These modular elements can be readily used and customized across pages and in different blocks. Explore all of Stack&#8217;s modular elements at the\u00a0Element Index Page \u2192[\/vc_column_text][\/stack_hero][\/vc_column][\/vc_row][vc_section][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_column_text el_class=&#8221;boxed bg&#8211;secondary boxed&#8211;lg boxed&#8211;border&#8221;] List Feed Stack supports Twitter feeds via the Twitter Fetcher plugin by Jason Mayes and works simply by replacing [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":33,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/pages\/4992"}],"collection":[{"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/comments?post=4992"}],"version-history":[{"count":0,"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/pages\/4992\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/pages\/33"}],"wp:attachment":[{"href":"https:\/\/promosimple.com\/blog\/wp-json\/wp\/v2\/media?parent=4992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}