{"id":3840,"date":"2020-12-14T16:16:49","date_gmt":"2020-12-14T16:16:49","guid":{"rendered":"https:\/\/blogs.kent.ac.uk\/webdev\/?p=3840"},"modified":"2021-04-19T16:18:36","modified_gmt":"2021-04-19T15:18:36","slug":"site-editor-course-page-and-other-updates","status":"publish","type":"post","link":"https:\/\/blogs.kent.ac.uk\/webdev\/2020\/12\/14\/site-editor-course-page-and-other-updates\/","title":{"rendered":"Site Editor &#8211; course page and other updates"},"content":{"rendered":"<p class=\"lead\">Various updates have been made to support marketing initiatives and freshen up the course pages.<\/p>\n<h2>Course page updates<\/h2>\n<p>New header design allows a video to be featured in the header.<\/p>\n<p><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-header.jpg\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-3849\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-header-1024x369.jpg\" alt=\"\" width=\"1024\" height=\"369\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-header-1024x369.jpg 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-header-300x108.jpg 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-header-768x277.jpg 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-header.jpg 1233w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Updated profile panel<\/p>\n<p><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-profile.jpg\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-3848\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-profile-1024x424.jpg\" alt=\"\" width=\"1024\" height=\"424\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-profile-1024x424.jpg 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-profile-300x124.jpg 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-profile-768x318.jpg 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-profile.jpg 1233w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>A new flexible fees panel (when turned on) will appear near the fees section.<\/p>\n<p><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-flexible.jpg\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-3847\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-flexible-1024x413.jpg\" alt=\"\" width=\"1024\" height=\"413\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-flexible-1024x413.jpg 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-flexible-300x121.jpg 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-flexible-768x310.jpg 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-flexible.jpg 1232w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>New visual design for TEF\/Research intensity and Independent ranking panels.<\/p>\n<p><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-tef.jpg\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-3846\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-tef-1024x430.jpg\" alt=\"\" width=\"1024\" height=\"430\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-tef-1024x430.jpg 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-tef-300x126.jpg 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-tef-768x322.jpg 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/course-tef.jpg 1232w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Other changes include centred text to give a more balanced layout. Accreditation and key fact highlight, if they exist, appear in the columns at the top of the overview text.<\/p>\n<p>&nbsp;<\/p>\n<h2>Marketing panels<\/h2>\n<p>Editorial panels now allow the option to flip an image and you can choose for the heading to have a quote style.<\/p>\n<p><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/editorial-panel-quote.jpg\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-3843\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/editorial-panel-quote-1024x438.jpg\" alt=\"\" width=\"1024\" height=\"438\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/editorial-panel-quote-1024x438.jpg 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/editorial-panel-quote-300x128.jpg 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/editorial-panel-quote-768x329.jpg 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/editorial-panel-quote.jpg 1231w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>On marketing panels, alt text (image description text) is now optional for decorative images.<\/p>\n<p>Alt text can get in the way of screen readers when used on <a href=\"https:\/\/www.w3.org\/WAI\/tutorials\/images\/decorative\/\">decorative images<\/a>.<\/p>\n<p>For example, screen reader users may have to read all the alt text (highlighted in red below) before they click on the link they want:<\/p>\n<p><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/alt-text.jpg\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-3850\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/alt-text-1024x370.jpg\" alt=\"\" width=\"1024\" height=\"370\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/alt-text-1024x370.jpg 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/alt-text-300x108.jpg 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/alt-text-768x277.jpg 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2020\/12\/alt-text.jpg 1210w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Web authors can now judge if the alt text adds value and is necessary within the context of their page content.<\/p>\n<p>If <strong><a href=\"https:\/\/staff.kent.ac.uk\/digital\/service-manual\/accessible-editorial-content#images\">the image is purely decorative<\/a> <\/strong>alt text doesn&#8217;t need to be added as it would get in the way for screen reader users.<\/p>\n<p>For now, alt text is still mandatory for inline images on content pages.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Various updates have been made to support marketing initiatives and freshen up the course pages. Course page updates New header design allows a video to &hellip; <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2020\/12\/14\/site-editor-course-page-and-other-updates\/\">Read&nbsp;more<\/a><\/p>\n","protected":false},"author":17235,"featured_media":3994,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[79486,1],"tags":[],"_links":{"self":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/3840"}],"collection":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/users\/17235"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/comments?post=3840"}],"version-history":[{"count":14,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/3840\/revisions"}],"predecessor-version":[{"id":3866,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/3840\/revisions\/3866"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/media\/3994"}],"wp:attachment":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/media?parent=3840"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/categories?post=3840"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/tags?post=3840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}