{"id":2889,"date":"2017-08-04T09:58:12","date_gmt":"2017-08-04T08:58:12","guid":{"rendered":"https:\/\/blogs.kent.ac.uk\/webdev\/?p=2889"},"modified":"2017-08-21T11:46:40","modified_gmt":"2017-08-21T10:46:40","slug":"siteeditor-progress-july-2017","status":"publish","type":"post","link":"https:\/\/blogs.kent.ac.uk\/webdev\/2017\/08\/04\/siteeditor-progress-july-2017\/","title":{"rendered":"SiteEditor progress &#8211; July 2017"},"content":{"rendered":"<p>We\u2019ve been working hard over the last few weeks to get our SiteEditor to the next stage of its development: improved editing of pages.<\/p>\n<p>SiteEditor is our replacement for the existing University of Kent web publishing environment. It\u2019s being built from the ground up to meet the needs of our web publishers: to more easily build web pages using a web-based interface.<\/p>\n<p>Our goal is to have something ready for testing as part of a pilot scheme in September.<\/p>\n<section>\n<h2>Latest developments<\/h2>\n<p>The latest developments we&#8217;ve been working on include:<\/p>\n<ul>\n<li>easily adding images to a page with automatic thumbnail resizing.<\/li>\n<li>adding all the building blocks of our new <a href=\"https:\/\/www.kent.ac.uk\/patterns\/\">Kent Theme<\/a>. This means we can now build pages with a full range of content.<\/li>\n<li>the ability to manage groups of pages &#8211; adding, moving, renaming etc.<\/li>\n<\/ul>\n<\/section>\n<section>\n<h2>What the Site Editor looks like<\/h2>\n<p>It&#8217;s early days, and the Site Editor may well change how it looks and works the more user testing we do and feedback we get. However here are some screenshots of how it&#8217;s currently looking.<\/p>\n<figure id=\"attachment_2891\" aria-describedby=\"caption-attachment-2891\" style=\"width: 256px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.59.29.png\"><img loading=\"lazy\" class=\"wp-image-2891 size-medium\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.59.29-256x300.png\" alt=\"screenshot of site editor with block editor to the side\" width=\"256\" height=\"300\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.59.29-256x300.png 256w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.59.29-768x902.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.59.29-872x1024.png 872w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.59.29.png 1254w\" sizes=\"(max-width: 256px) 100vw, 256px\" \/><\/a><figcaption id=\"caption-attachment-2891\" class=\"wp-caption-text\">Editing a panel of content using a side panel<\/figcaption><\/figure>\n<figure id=\"attachment_2890\" aria-describedby=\"caption-attachment-2890\" style=\"width: 300px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.58.51.png\"><img loading=\"lazy\" class=\"wp-image-2890 size-medium\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.58.51-300x156.png\" alt=\"screenshot of the site editor page sidebar\" width=\"300\" height=\"156\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.58.51-300x156.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.58.51-768x400.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.58.51-1024x533.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.58.51-1920x1000.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-2890\" class=\"wp-caption-text\">The site editor page sidebar lets you add and move pages<\/figcaption><\/figure>\n<figure id=\"attachment_2893\" aria-describedby=\"caption-attachment-2893\" style=\"width: 300px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.59.49.png\"><img loading=\"lazy\" class=\"wp-image-2893 size-medium\" src=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.59.49-300x156.png\" alt=\"screenshot of the site editor block chooser\" width=\"300\" height=\"156\" srcset=\"https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.59.49-300x156.png 300w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.59.49-768x400.png 768w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.59.49-1024x533.png 1024w, https:\/\/blogs.kent.ac.uk\/webdev\/files\/2017\/08\/Screenshot-2017-08-04-08.59.49-1920x1000.png 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-2893\" class=\"wp-caption-text\">When you add a new block of content to a page, you can select from a\u00a0range of types of block to add. We&#8217;re hoping to eventually make this simpler and restrict block types by context.<\/figcaption><\/figure>\n<\/section>\n<section style=\"clear: both;\">\n<h2><\/h2>\n<h2>Things we\u2019re still working on<\/h2>\n<p>We&#8217;re still at an early stage of development of the site editor, and development depends on user testing and feedback we get during the pilot phase. The next things we&#8217;re hoping\u00a0to look at are:<\/p>\n<ul>\n<li>being able to choose from a range of page layouts.<\/li>\n<li>page layouts with default blocks of content already set.<\/li>\n<li>ability to build a top-level menu for a site.<\/li>\n<\/ul>\n<\/section>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019ve been working hard over the last few weeks to get our SiteEditor to the next stage of its development: improved editing of pages. SiteEditor &hellip; <a href=\"https:\/\/blogs.kent.ac.uk\/webdev\/2017\/08\/04\/siteeditor-progress-july-2017\/\">Read&nbsp;more<\/a><\/p>\n","protected":false},"author":2,"featured_media":2894,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[79485],"tags":[521,79486],"_links":{"self":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/2889"}],"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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/comments?post=2889"}],"version-history":[{"count":8,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/2889\/revisions"}],"predecessor-version":[{"id":2963,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/posts\/2889\/revisions\/2963"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/media\/2894"}],"wp:attachment":[{"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/media?parent=2889"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/categories?post=2889"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.kent.ac.uk\/webdev\/wp-json\/wp\/v2\/tags?post=2889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}