{"id":314,"date":"2017-03-07T15:57:33","date_gmt":"2017-03-07T15:57:33","guid":{"rendered":"http:\/\/wordpress.library.illinois.edu\/wp-training\/?page_id=314"},"modified":"2017-03-07T16:40:27","modified_gmt":"2017-03-07T16:40:27","slug":"twitter","status":"publish","type":"page","link":"https:\/\/wordpress.library.illinois.edu\/wp-training\/site-set-up\/twitter\/","title":{"rendered":"Embedding Twitter in the Sidebar"},"content":{"rendered":"<div class=\"shortcode sh-grid sh-grid-cols-1 md:sh-grid-cols-12 sh-gap-3\"><div class=\"shortcode sh-col-span-9 sh-pb-3\"><\/p>\n<h2 id=\"code\">Locating Code in Twitter:<\/h2>\n<p>Note: This action happens in Twitter, not in WordPress.<br \/>\n<a href=\"https:\/\/support.twitter.com\/articles\/20169559\">Here<\/a> is a Twitter tutorial on embedding a tweet on your website or blog.<br \/>\nBelow are instruction for obtaining the code for Twitter feeds that you will use in WordPress: <\/p>\n<ol>\n<li>Sign in to Twitter.<\/li>\n<li>Go to your <a href=\"https:\/\/twitter.com\/settings\">settings<\/a> and select Widgets.<\/li>\n<li>Click Create new.<\/li>\n<li>Choose the type of embedded timeline you\u2019d like and start to configure it:\n<ul>\n<li>For User Timeline, enter the username of the user whose Tweets you want to display.<\/li>\n<li>For Favorites, enter the username of the user whose favorites you want to display.<\/li>\n<li>For List, select a public list that you own and\/or subscribe to in the drop\u00addown menu.<\/li>\n<li>For Search, enter your search query (for advanced searches, use Twitter\u2019s <a href=\"https:\/\/support.twitter.com\/articles\/71577\">search operators<\/a>).<\/li>\n<li>Make sure to select Safe mode if you want to exclude sensitive content, profanity, etc.<\/li>\n<\/ul>\n<\/li>\n<li>Customize the design by specifying the height, theme (light or dark), and link color to match your website.You can also configure your embedded timeline to auto\u00adexpand Tweets containing media.<\/li>\n<li> Click Create widget and then copy the code that appears under &#8220;Embed&#8221; (figure 1)<\/li>\n<\/ol>\n<figure id=\"attachment_320\" aria-describedby=\"caption-attachment-320\" style=\"width: 1028px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig1.png\" alt=\"Fig. 1: Locating the code in Twitter\" width=\"1028\" height=\"665\" class=\"size-full wp-image-320\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig1.png 1028w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig1-300x194.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig1-768x497.png 768w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig1-1024x662.png 1024w\" sizes=\"auto, (max-width: 1028px) 100vw, 1028px\" \/><figcaption id=\"caption-attachment-320\" class=\"wp-caption-text\">Fig. 1: Locating the code in Twitter<\/figcaption><\/figure>\n<h2 id=\"add\">Embedding Twitter in WordPress Sidebar<\/h2>\n<ol>\n<li>Choose \u201cAppearance\u201d, \u201cWidgets\u201d and \u201cText\u201d.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig2.png\" alt=\"Fig2\" width=\"711\" height=\"484\" class=\"aligncenter size-full wp-image-322\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig2.png 711w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig2-300x204.png 300w\" sizes=\"auto, (max-width: 711px) 100vw, 711px\" \/>\n<\/li>\n<li>Once you select \u201cText\u201d, the rest of Widget areas will be grayed out. Click \u201cAdd Widget\u201d.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig3.png\" alt=\"Fig3\" width=\"953\" height=\"673\" class=\"aligncenter size-full wp-image-323\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig3.png 953w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig3-300x212.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig3-768x542.png 768w\" sizes=\"auto, (max-width: 953px) 100vw, 953px\" \/>\n<\/li>\n<li>A &#8220;Text&#8221; widget has been added to the \u201cSidebar\u201d pane. In the &#8220;Title&#8221; box write &#8220;Twitter&#8221;, and paste <a href=\"#code\">the code that you obtained from twitter<\/a> in the &#8220;Content&#8221; box. Click &#8220;Save&#8221;.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig4.png\" alt=\"Fig4\" width=\"965\" height=\"614\" class=\"aligncenter size-full wp-image-324\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig4.png 965w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig4-300x191.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig4-768x489.png 768w\" sizes=\"auto, (max-width: 965px) 100vw, 965px\" \/>\n<\/li>\n<\/ol>\n<p>The resulting feed should look like this on your WordPress page:<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig5.png\" alt=\"Fig5\" width=\"1100\" height=\"564\" class=\"aligncenter size-full wp-image-325\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig5.png 1100w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig5-300x154.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig5-768x394.png 768w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/03\/Fig5-1024x525.png 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/p>\n<p><\/div>\n<div class=\"shortcode sh-col-span-3 sh-pb-3\"><div class=\"shortcode sh-p-4 sh-rounded sh-drop-shadow-sm sh-bg-white !sh-text-black !sh-border  \"><div><div class=\"\"><\/p>\n<h2>Contents<\/h2>\n<div class=\"ui-lib-list__min-left-pad\" >\n<ul>\n<li>\n<h3><a href=\"#code\">Locating Code in Twitter<\/a><\/h3>\n<\/li>\n<li>\n<h3><a href=\"#add\">Embedding Twitter in WordPress Sidebar<\/a><\/h3>\n<\/li>\n<\/ul>\n<p><\/div><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Locating Code in Twitter: Note: This action happens in Twitter, not in WordPress. Here is a Twitter tutorial on embedding a tweet on your website or blog. Below are instruction for obtaining the code for Twitter feeds that you will use in WordPress: Sign in to Twitter. Go to your settings and select Widgets. Click [&hellip;]<\/p>\n","protected":false},"author":37,"featured_media":0,"parent":74,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-314","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/comments?post=314"}],"version-history":[{"count":6,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/314\/revisions"}],"predecessor-version":[{"id":327,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/314\/revisions\/327"}],"up":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/74"}],"wp:attachment":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/media?parent=314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}