{"id":3590,"date":"2016-12-24T22:57:10","date_gmt":"2016-12-25T06:57:10","guid":{"rendered":"http:\/\/lisahistory.net\/wordpress\/?p=3590"},"modified":"2025-08-18T13:22:13","modified_gmt":"2025-08-18T20:22:13","slug":"canvas-but-cool-embedding-announcements","status":"publish","type":"post","link":"https:\/\/lisahistory.net\/wordpress\/2016\/12\/canvas-but-cool-embedding-announcements\/","title":{"rendered":"Canvas But Cool: Embedding Announcements"},"content":{"rendered":"<p><span style=\"color:#000000;\">I hope to start a series of posts here on things I&#8217;m doing in Canvas, but that are cool anyway. Some will be workarounds, some ideas for making things look better, some techniques born out of utter frustration.<\/span><\/p>\n<p><span style=\"color:#000000;\">None will be as brilliant as what <a style=\"color:#000000;\" href=\"https:\/\/canvas.ou.edu\/courses\/54178\/wiki\">Laura Gibbs is doing<\/a> at the University of Oklahoma \u00a0\u2013 she&#8217;s got LOL Cats rotating through her Canvas pages using <a style=\"color:#000000;\" href=\"http:\/\/rotatecontent.com\/\">a cool javascript.<\/a> But her work inspires me and encourages me to find things that are <em>Canvas&#8230;But Cool<\/em>.<\/span><\/p>\n<p><span style=\"color:#000000;\">My first concerns Announcements. In Moodle (many of my posts will start \u201cIn Moodle\u201d, an approach dreaded by many in the Canvas Community) I could just paste Announcements in at the top of the main page, and copy or adapt them into Latest News for instant emailing to all. In Canvas, the Announcements page is decidedly a separate thing. If I don&#8217;t want announcements to be the main Home page, they won&#8217;t be obvious except by email or other notifications.<\/span><\/p>\n<p><span style=\"color:#000000;\">But I don&#8217;t want to post twice, once in Announcements and once by editing the Home Page. I want the Announcements to dynamically appear on the Home page, where I want them to. So I followed the wonderful instructions posted <a href=\"https:\/\/community.canvaslms.com\/thread\/2118\">halfway down this page<\/a>\u00a0at the Canvas Community (I&#8217;d love to link directly to the post, but you can&#8217;t do that there), posted by Sharmaine Regisford with thanks to others.<\/span><\/p>\n<p><strong><span style=\"color:#000000;\">Instructions:<\/span><\/strong><\/p>\n<p><span style=\"color:#000000;\"><span style=\"font-family:'Liberation Serif', serif;\"><span style=\"font-size:medium;\">1. First, post an Announcement in your class (I just did a welcome message).<\/span><\/span><\/span><\/p>\n<p><span style=\"color:#000000;\"><span style=\"font-family:'Liberation Serif', serif;\"><span style=\"font-size:medium;\">2. Grab the feed URL for the announcements by going to the Announcements page and right-clicking on the RSS symbol (it won&#8217;t be there if you didn&#8217;t post a first Announcement).<\/span><\/span><\/span><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3591\" src=\"https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2016\/12\/canvasrss.png?resize=629%2C231&#038;ssl=1\" alt=\"\" width=\"629\" height=\"231\" srcset=\"https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2016\/12\/canvasrss.png?w=812&amp;ssl=1 812w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2016\/12\/canvasrss.png?resize=300%2C110&amp;ssl=1 300w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2016\/12\/canvasrss.png?resize=768%2C282&amp;ssl=1 768w\" sizes=\"auto, (max-width: 629px) 100vw, 629px\" \/><\/p>\n<p><span style=\"color:#000000;\"> <span style=\"font-family:'Liberation Serif', serif;\"><span style=\"font-size:medium;\">The URL should end with .atom.<\/span><\/span><\/span><\/p>\n<p><span style=\"color:#000000;\"><span style=\"font-family:'Liberation Serif', serif;\"><span style=\"font-size:medium;\">3<\/span><\/span><span style=\"font-family:'Liberation Serif', serif;\"><span style=\"font-size:medium;\">. Go to\u00a0<\/span><\/span><span style=\"font-family:'Liberation Serif', serif;\"><span style=\"font-size:medium;\">FeedWind at <a style=\"color:#000000;\" href=\"https:\/\/feed.mikle.com\/\">http:\/\/feed.mikle.com<\/a>.<\/span><\/span><\/span><\/p>\n<p><span style=\"color:#000000;\"><span style=\"font-family:'Liberation Serif', serif;\"><span style=\"font-size:medium;\">4. In the spot, paste in the feed URL.<\/span><\/span><\/span><\/p>\n<p><span style=\"color:#000000;\"><span style=\"font-family:'Liberation Serif', serif;\"><span style=\"font-size:medium;\">5. Choose your settings. I like 1 feed height, scrollbar on, autoscroll off, text-only, max length 132 characters.<\/span><\/span><\/span><\/p>\n<p><span style=\"color:#000000;\"><span style=\"font-family:'Liberation Serif', serif;\"><span style=\"font-size:medium;\">6. Grab the regular code from the right side, not the iframe code.<\/span><\/span><\/span><\/p>\n<p><span style=\"color:#000000;\"><span style=\"font-family:'Liberation Serif', serif;\"><span style=\"font-size:medium;\">7. Start a new text document on your computer and paste the code.<\/span><\/span><\/span><\/p>\n<p><span style=\"color:#000000;\"><span style=\"font-family:'Liberation Serif', serif;\"><span style=\"font-size:medium;\">8. Save the file as .html. \u00a0<\/span><\/span><\/span><\/p>\n<p><span style=\"color:#000000;\"><span style=\"font-family:'Liberation Serif', serif;\"><span style=\"font-size:medium;\">9. Go to Canvas and open Files. Upload the .html file you just created to your Canvas course files. Once it&#8217;s there, mouse over the name of it to find the document number \u2013 write it down somewhere.<\/span><\/span><\/span><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3592\" src=\"https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2016\/12\/canvasdocnumber.png?resize=634%2C207&#038;ssl=1\" alt=\"\" width=\"634\" height=\"207\" srcset=\"https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2016\/12\/canvasdocnumber.png?w=1091&amp;ssl=1 1091w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2016\/12\/canvasdocnumber.png?resize=300%2C98&amp;ssl=1 300w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2016\/12\/canvasdocnumber.png?resize=768%2C251&amp;ssl=1 768w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2016\/12\/canvasdocnumber.png?resize=1024%2C334&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 634px) 100vw, 634px\" \/><\/p>\n<p><span style=\"color:#000000;\"><span style=\"font-family:'Liberation Serif', serif;\"><span style=\"font-size:medium;\">10. Go to the page where you want the Announcements to appear. Switch to HTML editor.<\/span><\/span><\/span><\/p>\n<p><span style=\"color:#000000;\"><span style=\"font-family:'Liberation Serif', serif;\"><span style=\"font-size:medium;\">11. Paste this in:<\/span><\/span><\/span><\/p>\n<p><span style=\"font-family:'Liberation Serif', serif;color:#00ffff;\"><span style=\"font-size:medium;\"><a href=\"\/courses\/#######\/files\/#########\/download\">\/courses\/#######\/files\/#########\/download<\/a><\/span><\/span><\/p>\n<p><span style=\"color:#000000;\"><span style=\"font-family:'Liberation Serif', serif;\"><span style=\"font-size:medium;\">In this example the first ####### is your course number and the second ######### is the file number. <\/span><\/span><\/span><\/p>\n<p><span style=\"color:#000000;\"><span style=\"font-family:'Liberation Serif', serif;\"><span style=\"font-size:medium;\">The course number is in the URL of your Canvas course:<\/span><\/span><\/span><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3596\" src=\"https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2016\/12\/canvascoursenumber-1.png?resize=648%2C118&#038;ssl=1\" alt=\"\" width=\"648\" height=\"118\" srcset=\"https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2016\/12\/canvascoursenumber-1.png?w=698&amp;ssl=1 698w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2016\/12\/canvascoursenumber-1.png?resize=300%2C55&amp;ssl=1 300w\" sizes=\"auto, (max-width: 648px) 100vw, 648px\" \/><\/p>\n<p><span style=\"font-family:'Liberation Serif', serif;color:#000000;\"><span style=\"font-size:medium;\">So for this example, that would be:<\/span><\/span><\/p>\n<p><span style=\"font-family:'Liberation Serif', serif;color:#00ffff;\"><span style=\"font-size:medium;\"><a href=\"\/courses\/6660\/files\/57294\/download\">\/courses\/6660\/files\/57294\/download<\/a><\/span><\/span><\/p>\n<p><span style=\"font-family:'Liberation Serif', serif;color:#000000;\"><span style=\"font-size:medium;\">The result is an iframe on your page that will always show the most recent announcement (so long as you chose that on the settings at FeedWind).<\/span><\/span><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3595\" src=\"https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2016\/12\/canvaspagewithannouncements-1.png?resize=648%2C392&#038;ssl=1\" alt=\"\" width=\"648\" height=\"392\" srcset=\"https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2016\/12\/canvaspagewithannouncements-1.png?w=917&amp;ssl=1 917w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2016\/12\/canvaspagewithannouncements-1.png?resize=300%2C182&amp;ssl=1 300w, https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/2016\/12\/canvaspagewithannouncements-1.png?resize=768%2C465&amp;ssl=1 768w\" sizes=\"auto, (max-width: 648px) 100vw, 648px\" \/><\/p>\n<p><span style=\"color:#ff0000;\"><strong>Update: As of this week, Canvas provides the option to add announcements to the top of your home page. Not as pretty, but it works:<\/strong><\/span><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3605\" src=\"https:\/\/i0.wp.com\/lisahistory.net\/wordpress\/wp-content\/uploads\/canvasannouncements.png?resize=648%2C286&#038;ssl=1\" alt=\"\" width=\"648\" height=\"286\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I hope to start a series of posts here on things I&#8217;m doing in Canvas, but that are cool anyway. Some will be workarounds, some ideas for making things look better, some techniques born out of utter frustration. None will be as brilliant as what Laura Gibbs is doing at the University of Oklahoma \u00a0\u2013 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","jetpack_post_was_ever_published":false},"categories":[32,37],"tags":[],"class_list":["post-3590","post","type-post","status-publish","format-standard","hentry","category-cmslms","category-how-to"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/posts\/3590","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/comments?post=3590"}],"version-history":[{"count":1,"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/posts\/3590\/revisions"}],"predecessor-version":[{"id":10095,"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/posts\/3590\/revisions\/10095"}],"wp:attachment":[{"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/media?parent=3590"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/categories?post=3590"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lisahistory.net\/wordpress\/wp-json\/wp\/v2\/tags?post=3590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}