{"id":2902,"date":"2017-08-09T12:03:55","date_gmt":"2017-08-09T11:03:55","guid":{"rendered":"https:\/\/blogs.kent.ac.uk\/webdev\/?p=2902"},"modified":"2017-11-24T13:29:09","modified_gmt":"2017-11-24T13:29:09","slug":"school-pilot-building-blocks","status":"publish","type":"post","link":"https:\/\/blogs.kent.ac.uk\/webdev\/2017\/08\/09\/school-pilot-building-blocks\/","title":{"rendered":"School pilot building blocks"},"content":{"rendered":"<p>[Picture: <a href=\"https:\/\/unsplash.com\/photos\/TL5Vy1IM-uA?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Iker Urteaga<\/a>.\u00a0<a href=\"https:\/\/unsplash.com\/?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Unsplash<\/a>.]<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2>Standard pages<\/h2>\n<p>These are the standard set of pages that most sites will use.<\/p>\n<style type=\"text\/css\">\ntable.table td {font-size: 0.8em;}<\/style>\n<table class=\"table\" width=\"100%\">\n<tbody>\n<tr>\n<td colspan=\"1\" rowspan=\"1\" width=\"20%\"><strong>Page types<\/strong><\/td>\n<td colspan=\"1\" rowspan=\"1\" width=\"40%\"><strong>Purpose<\/strong><\/td>\n<td colspan=\"1\" rowspan=\"1\"><strong>Building block configurations<\/strong><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\"><strong>Homepage<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Feature page<\/td>\n<td colspan=\"1\" rowspan=\"1\">\n<ul>\n<li>Prioritise top-tasks for key users<\/li>\n<li>Help customers decide quickly, not overloading them with too much information that may not be a priority for the school<\/li>\n<li>Give an impression (showcase) of a progressive, modern and exciting institution (through impactful imagery, video and concise content)<\/li>\n<li>Provide a short selection of additional links to help navigate lower priority content<\/li>\n<\/ul>\n<\/td>\n<td colspan=\"1\" rowspan=\"1\">\n<ul>\n<li>Standard feature panel, Call-to-action feature panel, Carousel<\/li>\n<li>Key links<\/li>\n<li>Standard feature panel, Call-to-action feature panel, Editorial feature panel<\/li>\n<li>Secondary featured links<\/li>\n<li>Standard feature panel, Call-to-action feature panel, Editorial feature panel<\/li>\n<li>Tertiary featured links, Profile quote, Social quote<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\"><strong>About page<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Content\/feature page<\/td>\n<td colspan=\"1\" rowspan=\"1\">The about us page is a bit like the homepage, but allows the school to provide a little bit more context.<\/p>\n<ul>\n<li>Provide key facts and figures<\/li>\n<li>Key facts and figures to convince customers of the benefits of the school<\/li>\n<li>Short overview of the aspects which make up the school special with follow on navigation when necessary<\/li>\n<\/ul>\n<\/td>\n<td colspan=\"1\" rowspan=\"1\">\n<ul>\n<li>Key facts and figures panel<\/li>\n<li>Text content<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\"><strong>Research page<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Feature page<\/td>\n<td colspan=\"1\" rowspan=\"1\">A short overview and showcase of research activity with links to research groups and centres<\/td>\n<td colspan=\"1\" rowspan=\"1\">\n<ul>\n<li>Text<\/li>\n<li>Standard feature panel, Call-to-action feature panel, Editorial feature panel<\/li>\n<li>Feature research centre links<\/li>\n<li>Standard feature panel, Call-to-action feature panel, Editorial feature panel<\/li>\n<li>Text<\/li>\n<li>Feature news links<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\"><strong>Course listing page (undergraduate and postgraduate)<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Feature\/Listing page<\/td>\n<td colspan=\"1\" rowspan=\"1\">Make it easy to search and filter courses.<\/p>\n<p>Some featured elements if necessary &#8211; course, people and relevant links.<\/td>\n<td colspan=\"1\" rowspan=\"1\">\n<ul>\n<li>Heading feature panel, Standard feature panel<\/li>\n<li>Optional text and side-links<\/li>\n<li>Listing<\/li>\n<li>Standard feature panel, Call-to-action feature panel, Editorial feature panel, Featured links<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\"><strong>People listing page<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Feature\/Listing page<\/td>\n<td colspan=\"1\" rowspan=\"1\">Aid recruitment of prospective research postgrads looking for a supervisor. Make it easy to search for and filter people.<\/p>\n<p>Showcase people: research students, academics and other profiles (UG\/alumni where available).<\/p>\n<p>Follow on links where necessary.<\/td>\n<td colspan=\"1\" rowspan=\"1\">\n<ul>\n<li>Heading feature panel, Standard feature panel<\/li>\n<li>Optional text and side-links<\/li>\n<li>Listing<\/li>\n<li>Standard feature panel, Call-to-action feature panel, Editorial feature panel, Featured links<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\"><strong>Profile page<\/strong><\/td>\n<td colspan=\"1\" rowspan=\"1\">Professional bio of staff and research students.<\/p>\n<p>To promote our academics and show off their work.<\/p>\n<p>Make it easy for postgraduates to find a supervisor.<\/td>\n<td colspan=\"1\" rowspan=\"1\">\n<ul>\n<li>Image and key profile info<\/li>\n<li>Profile sections<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\"><strong>Events page<\/strong><\/td>\n<td colspan=\"1\" rowspan=\"1\">List events<\/td>\n<td colspan=\"1\" rowspan=\"1\">\n<ul>\n<li>Standard feature panel<\/li>\n<li>Listing<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\"><strong>News page<\/strong><\/td>\n<td colspan=\"1\" rowspan=\"1\">List news<\/td>\n<td colspan=\"1\" rowspan=\"1\">\n<ul>\n<li>Standard feature panel<\/li>\n<li>Listing<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\"><strong>Facilities page<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Content\/feature<\/td>\n<td colspan=\"1\" rowspan=\"1\">Show off facilities, supported by gallery of quality images of a feature panel (which could contain a virtual tour for example)<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/td>\n<td colspan=\"1\" rowspan=\"1\">\n<ul>\n<li>Text content<\/li>\n<li>Optional feature panel<\/li>\n<li>Text content<\/li>\n<li>Gallery listing<\/li>\n<li>Text content<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Generic page types<\/h2>\n<p>These are the generic set of pages. Most of the standard pages are variations of these.<\/p>\n<table class=\"table\" width=\"100%\">\n<tbody>\n<tr>\n<td colspan=\"1\" rowspan=\"1\" width=\"20%\"><strong>Page types<\/strong><\/td>\n<td colspan=\"1\" rowspan=\"1\" width=\"40%\"><strong>Purpose<\/strong><\/td>\n<td colspan=\"1\" rowspan=\"1\"><strong>Building block configurations<\/strong><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\"><strong>Content page<\/strong><\/td>\n<td colspan=\"1\" rowspan=\"1\">Used in most cases for simple, easy-to-read informational content.<\/td>\n<td colspan=\"1\" rowspan=\"1\">\n<ul>\n<li>Text content<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\"><strong>Split content page<\/strong><\/td>\n<td colspan=\"1\" rowspan=\"1\">Used in most cases for simple, easy-to-read informational content. Content is split half-way with a feature panel which may provide a marketing visual punch if necessary.<\/td>\n<td colspan=\"1\" rowspan=\"1\">\n<ul>\n<li>Text content<\/li>\n<li>Standard feature panel, Call-to-action feature panel, Editorial feature panel<\/li>\n<li>Text content<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\"><strong>Content page with background image<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Content page<\/td>\n<td colspan=\"1\" rowspan=\"1\">Simple, easy-to-read informational content which may have a strong, impactful image to support the page.<\/td>\n<td colspan=\"1\" rowspan=\"1\">\n<ul>\n<li>Text content<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\"><strong>Contact us page<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Content page<\/td>\n<td colspan=\"1\" rowspan=\"1\">Provide simple, clear contact information.<\/td>\n<td colspan=\"1\" rowspan=\"1\">\n<ul>\n<li>Text content<\/li>\n<li>Side panel contact details<\/li>\n<li>Embedded map<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\"><strong>Navigation page<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Content\/feature page<\/td>\n<td colspan=\"1\" rowspan=\"1\">Provide a page with categorised links to other content. A functional, simple page to signpost people quickly.<\/td>\n<td colspan=\"1\" rowspan=\"1\">\n<ul>\n<li>Text content<\/li>\n<li>Featured links<\/li>\n<li>Optional: Standard feature panel, Call-to-action feature panel, Editorial feature panel<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\"><strong>Navigation page with background image<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Content\/feature page<\/td>\n<td colspan=\"1\" rowspan=\"1\">As per navigation page, but may have a strong, impactful image to support the page.<\/p>\n<p>&nbsp;<\/td>\n<td colspan=\"1\" rowspan=\"1\">\n<ul>\n<li>Text content<\/li>\n<li>Featured links<\/li>\n<li>Optional: Standard feature panel, Call-to-action feature panel, Editorial feature panel<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Our different building blocks (patterns)<\/h2>\n<p>Here is a selection of some of the key building blocks.<\/p>\n<h3>Feature panels<\/h3>\n<p>&nbsp;<\/p>\n<table class=\"table\" width=\"100%\">\n<tbody>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Standard feature panel<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image14.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2922\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image14-300x127.png\" alt=\"\" width=\"300\" height=\"127\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image14-300x127.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image14-768x324.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image14-1024x432.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image14-1920x810.png 1920w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image14.png 1999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\n<a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image3.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2911\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image3-300x129.png\" alt=\"\" width=\"300\" height=\"129\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image3-300x129.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image3-768x329.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image3-1024x439.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image3-1920x823.png 1920w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image3.png 1999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\n<a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image11.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2919\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image11-300x127.png\" alt=\"\" width=\"300\" height=\"127\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image11-300x127.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image11-768x326.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image11-1024x434.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image11-1920x814.png 1920w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image11.png 1999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Call-to-action feature panel<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image19.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2927\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image19-300x120.png\" alt=\"\" width=\"300\" height=\"120\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image19-300x120.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image19-768x308.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image19-1024x410.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image19-1920x769.png 1920w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image19.png 1999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Editorial feature panel<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image4.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2912\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image4-300x120.png\" alt=\"\" width=\"300\" height=\"120\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image4-300x120.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image4-768x307.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image4-1024x410.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image4-1920x768.png 1920w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image4.png 1999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Heading feature panel<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image21.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2929\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image21-300x119.png\" alt=\"\" width=\"300\" height=\"119\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image21-300x119.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image21-768x305.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image21-1024x407.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image21-1920x764.png 1920w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image21.png 1999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Embed feature panel<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image25.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2933\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image25-300x131.png\" alt=\"\" width=\"300\" height=\"131\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image25-300x131.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image25-768x335.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image25-1024x447.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image25-1920x838.png 1920w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image25.png 1999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Carousel<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image6.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2914\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image6-300x119.png\" alt=\"\" width=\"300\" height=\"119\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image6-300x119.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image6-768x306.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image6-1024x408.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image6-1920x765.png 1920w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image6.png 1999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Facts and figures<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image26.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2934\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image26-300x77.png\" alt=\"\" width=\"300\" height=\"77\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image26-300x77.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image26-768x196.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image26-1024x261.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image26-1920x490.png 1920w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image26.png 1999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h3>Featured links and lists of things<\/h3>\n<p>&nbsp;<\/p>\n<table class=\"table\" width=\"100%\">\n<tbody>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Key links and course search<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image22.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2930\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image22-300x80.png\" alt=\"\" width=\"300\" height=\"80\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image22-300x80.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image22-768x204.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image22-1024x271.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image22-1920x509.png 1920w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image22.png 1999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Featured links<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image8.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2916\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image8-300x25.png\" alt=\"\" width=\"300\" height=\"25\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image8-300x25.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image8-768x65.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image8-1024x86.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image8-1920x161.png 1920w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image8.png 1999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Featured links with image\/description<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image27.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2935\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image27-300x92.png\" alt=\"\" width=\"300\" height=\"92\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image27-300x92.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image27-768x234.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image27-1024x312.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image27-1920x586.png 1920w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image27.png 1999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">News<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image13.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2921\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image13-300x110.png\" alt=\"\" width=\"300\" height=\"110\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image13-300x110.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image13-768x280.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image13-1024x374.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image13-1920x701.png 1920w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image13.png 1999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Events<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image5.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2913\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image5-300x49.png\" alt=\"\" width=\"300\" height=\"49\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image5-300x49.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image5-768x124.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image5-1024x166.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image5.png 1382w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">People<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image24.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2932\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image24-300x41.png\" alt=\"\" width=\"300\" height=\"41\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image24-300x41.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image24-768x104.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image24-1024x139.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image24-1920x260.png 1920w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image24.png 1999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Courses<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image1.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2909\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image1-300x37.png\" alt=\"\" width=\"300\" height=\"37\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image1-300x37.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image1-768x94.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image1-1024x125.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image1-1920x234.png 1920w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image1.png 1999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Text content<\/h3>\n<p>&nbsp;<\/p>\n<table class=\"table\" width=\"100%\">\n<tbody>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Heading and lead text<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image23.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2931\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image23-300x84.png\" alt=\"\" width=\"300\" height=\"84\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image23-300x84.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image23-768x215.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image23-1024x286.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image23.png 1510w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Jump links<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image2.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2910\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image2-300x55.png\" alt=\"\" width=\"300\" height=\"55\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image2-300x55.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image2-768x140.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image2-1024x187.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image2.png 1492w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Text<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image7.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2915\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image7-300x86.png\" alt=\"\" width=\"300\" height=\"86\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image7-300x86.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image7-768x219.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image7-1024x292.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image7.png 1464w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Videos<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image15.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2923\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image15-300x213.png\" alt=\"\" width=\"300\" height=\"213\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image15-300x213.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image15-768x545.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image15-1024x727.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image15.png 1484w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Images<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image16.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2924\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image16-300x212.png\" alt=\"\" width=\"300\" height=\"212\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image16-300x212.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image16-768x543.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image16-1024x724.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image16.png 1480w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Tables<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image9.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2917\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image9-300x92.png\" alt=\"\" width=\"300\" height=\"92\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image9-300x92.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image9-768x235.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image9-1024x313.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image9.png 1480w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Buttons<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image12.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2920\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image12-300x91.png\" alt=\"\" width=\"300\" height=\"91\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image12-300x91.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image12-768x233.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image12-1024x310.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image12.png 1432w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Text highlights<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image18.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2926\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image18-300x155.png\" alt=\"\" width=\"300\" height=\"155\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image18-300x155.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image18-768x397.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image18-1024x529.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image18.png 1472w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">See also links<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image17.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2925\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image17-300x196.png\" alt=\"\" width=\"300\" height=\"196\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image17-300x196.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image17.png 650w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h3>Special quotes<\/h3>\n<p>&nbsp;<\/p>\n<table class=\"table\" width=\"100%\">\n<tbody>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Social quote<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image10.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2918\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image10-300x118.png\" alt=\"\" width=\"300\" height=\"118\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image10-300x118.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image10-768x302.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image10-1024x402.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image10.png 1730w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td colspan=\"1\" rowspan=\"1\">Blockquote<\/td>\n<td colspan=\"1\" rowspan=\"1\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image20.png\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-2928\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image20-300x109.png\" alt=\"\" width=\"300\" height=\"109\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image20-300x109.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image20-768x278.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image20-1024x370.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image20-1920x694.png 1920w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/image20.png 1999w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Site Editor<\/h2>\n<p>These page types above will be built into Site Editor making it easier to create different types of content.<\/p>\n<p><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2017\/08\/04\/siteeditor-progress-july-2017\/\">Find out more about how Site Editor is coming along.<\/a><\/p>\n<p><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.59.35.png\"><img loading=\"lazy\" class=\"alignleft size-medium wp-image-2892\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.59.35-300x156.png\" alt=\"site editor with block editor\" width=\"300\" height=\"156\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.59.35-300x156.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.59.35-768x398.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.59.35-1024x531.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.59.35-1920x996.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2><\/h2>\n<h2><\/h2>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2><\/h2>\n<h2>See also<\/h2>\n<ul>\n<li><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2016\/10\/25\/a-summer-with-the-new-kent-web-theme\/\">A summer with\u00a0the new Kent web theme<\/a><\/li>\n<li><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2016\/10\/25\/a-summer-with-the-new-kent-web-theme\/#content\">Content focus<\/a><\/li>\n<li><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2014\/12\/11\/a-website-for-the-future\/\">Website of the future<\/a><\/li>\n<li><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2015\/06\/30\/design-principles-for-a-new-website\/\">Design principles<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[Picture: Iker Urteaga.\u00a0Unsplash.] &nbsp; &nbsp; &nbsp; Standard pages These are the standard set of pages that most sites will use. Page types Purpose Building block &hellip; <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2017\/08\/09\/school-pilot-building-blocks\/\">Read&nbsp;more<\/a><\/p>\n","protected":false},"author":17235,"featured_media":2944,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[79487,79484],"_links":{"self":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/2902"}],"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=2902"}],"version-history":[{"count":26,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/2902\/revisions"}],"predecessor-version":[{"id":2966,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/2902\/revisions\/2966"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/media\/2944"}],"wp:attachment":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/media?parent=2902"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/categories?post=2902"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/tags?post=2902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}