{"id":11612,"date":"2024-04-23T15:58:34","date_gmt":"2024-04-23T12:58:34","guid":{"rendered":"https:\/\/studios.aalto.fi\/?page_id=11612"},"modified":"2024-05-08T16:36:02","modified_gmt":"2024-05-08T13:36:02","slug":"site-editors-guide","status":"publish","type":"userguide","link":"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/","title":{"rendered":"Aalto Studios site editor&#8217;s guide"},"content":{"rendered":"\n<div class=\"wp-block-columns as-default-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column as-default-columns-main-content is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>The Aalto Studios site is a stand-alone WordPress installation hosted on our own servers by the Web Studio. It features lots of modifications and plugins we&#8217;ve built to do things our way.<\/p>\n\n\n\n<p>These instructions cover the topics of creating a new page or post with custom elements from our pattern library, and some of their tweakable settings.<\/p>\n\n\n\n<p>If you&#8217;d like to get going right away, skip to the &#8217;<a href=\"#step-by-step\" data-type=\"internal\" data-id=\"#step-by-step\">Step by step<\/a>&#8217; section below, then return here to understand why somethings are done like they are.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Basics\"><\/span>Basics<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>We use a particular structure to keep things tidy, and to help content to automatically flow to the correct places. Here are the essential building blocks:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Post_types\"><\/span>Post types<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>New content is based on a variety of <strong>post types<\/strong>, which are used for different kinds of things. You can create a new:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Post<\/li>\n\n\n\n<li>Page<\/li>\n\n\n\n<li>Product<\/li>\n\n\n\n<li>User guide<\/li>\n\n\n\n<li>Activity<\/li>\n\n\n\n<li>Project<\/li>\n\n\n\n<li>Person<\/li>\n\n\n\n<li>Case study<\/li>\n\n\n\n<li>Equipment<\/li>\n<\/ul>\n\n\n\n<p>Some of these are used way more than others. The post type of any item <em>can always be changed,<\/em> so picking the wrong one is not a big deal. However, some features are only available for certain types. For example, the <strong>Person<\/strong> post type has a dedicated field for a phone number.<\/p>\n\n\n\n<p>You can see them as items in the admin navigation bar, letting you list and create content. <\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69df8456d2857&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"914\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/05\/image.png\" alt=\"\" class=\"wp-image-12493\" srcset=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/05\/image.png 564w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/05\/image-316x512.png 316w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Suurenna\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>Here we are about to create a new User Guide to help out people.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Categories\"><\/span>Categories<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>We have different categories for different things. Regular News<strong> posts<\/strong> use the default WordPress <strong>Categories<\/strong>, with entries such as<em> &#8217;News&#8217;<\/em>, <em>&#8217;Jobs&#8217;<\/em> and other words to describe what kind of a news item it is. This helps sort them out later.<\/p>\n\n\n\n<p>Other items, such as <strong>Products<\/strong> and <strong>User guides<\/strong> use a separate <strong>Product Categories<\/strong> taxonomy. For example, a new user guide could relate to the <em>&#8217;Podcast Studio&#8217;<\/em> which is a a product category. When creating new content, you can pick multiple categories. The example user guide could relate to the <em>&#8217;A Pod&#8217;<\/em>, too.<\/p>\n\n\n\n<p>Whenever you see a list of things, it&#8217;s most likely based on a <em>Query <\/em>that looks for these different categories (taxonomies), post types, keywords, or other criteria stored alongside the content. <\/p>\n\n\n\n<p>We&#8217;ve built some queries into ready made <em>Patterns<\/em> that you can simply plop down to your page and then tweak as desired. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Site_structure\"><\/span>Site structure<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>We follow a strict structure on the site, to keep things in order. <\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0;padding-right:var(--wp--preset--spacing--10);padding-bottom:0;padding-left:var(--wp--preset--spacing--10)\">\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Facility\"><\/span>Facility<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Mirrors a real life place or service point, such as the <strong><a href=\"https:\/\/studios.aalto.fi\/a-pod\/\" data-type=\"page\" data-id=\"3146\" target=\"_blank\" rel=\"noreferrer noopener\">A Pod<\/a><\/strong> or the <strong>Web Studio<\/strong>. Often there are associated people, a contact address and a visitable location. For facilities, we use the regular <strong>Page<\/strong> post type, and tick checkboxes for both the &#8217;Facility Categories&#8217; and &#8217;Product Categories&#8217;.<\/p>\n\n\n\n<p>You see these in our navigation, where the facility category &#8217;Studios&#8217; contains the facility &#8217;Podcast Studio&#8217;, for example.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Product\"><\/span>Product<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>A product is thing you <em>can do <\/em>at a facility. These are things that we <em>guarantee can be done<\/em>, that we<em> support and promote<\/em>. In the A Pod, you can <strong><a href=\"https:\/\/studios.aalto.fi\/product\/record-a-podcast\/\" data-type=\"productitem\" data-id=\"4905\" target=\"_blank\" rel=\"noreferrer noopener\">Record a Podcast Episode<\/a><\/strong> and at the Web Studio you can get <strong>ICT Buyer&#8217;s Consultation<\/strong>. They can be thought of as service promises.<\/p>\n\n\n\n<p>Typically, there are many different things you can do at a facility. For these products, we use the <strong>Product<\/strong> post type and label it with a matching &#8217;Product category&#8217; to associate it with facility, or facilities.<\/p>\n\n\n\n<p>Products are typically listed on a facility&#8217;s page, as a brochure of things to do. <\/p>\n\n\n\n<p>The product&#8217;s own page helps narrow down the information needed to accomplish the thing, and to make the product easily shareable by posting a link to the page. It typically includes a list of user guides, overview videos and case studies to help understand it in more detail.<\/p>\n\n\n\n<p>Not everything needs to be listed as a product, there are infinite things that can be done using our resources. Their function is to focus on a subset of that infinity and make sure some things can always be done, and done well.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"User_guide\"><\/span>User guide<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>A detailed set of instructions to doing something. Guides use the Product categories taxonomy, so they can be associated with both facilities and products.<\/p>\n\n\n\n<p>The above <em>Record a Podcast Episode product<\/em> for the <em>A Pod facility<\/em> is supported by User guides such as <strong><a href=\"https:\/\/studios.aalto.fi\/userguide\/set-up-the-audio-hardware-for-recording\/\" data-type=\"userguide\" data-id=\"5055\">Set up the audio hardware for recording<\/a><\/strong>. By keeping things as separate products and guides with specific names, we avoid long pages with irrelevant information and make it easier to find the exact thing you&#8217;re looking for.<\/p>\n\n\n\n<p>The title of the guide should tell you what the guide is about, and the content should match the title. Sounds obvious, but works best when you pick a narrow topic and stick to it. <em>Set up the audio hardware for recording<\/em> works with both the<em> <\/em><a href=\"https:\/\/studios.aalto.fi\/userguide\/record-narration-or-a-discussion-on-the-imac\/\" data-type=\"userguide\" data-id=\"5050\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Record on a Mac<\/strong><\/a> and <em>Record on the R\u00f8de Interface<\/em> user guides.<\/p>\n\n\n\n<p>User guides automatically create a table of contents- block based on page headings, which helps find a section fast. And their layout supports printing to paper or pdf, stripping away unnecessary page navigation elements for a clean, legible document.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Project\"><\/span>Project<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Something being worked on at a facility, co-hosted by Aalto Studios. For example, at the <em>Research Facilitation facility<\/em> the people host the <strong>CoCoon<\/strong> Project. The difference between a <em>Product<\/em> and a <em>Project<\/em> may seem fuzzy, but you picture products as something you can sell, while projects are something that people can join you to work on.<\/p>\n<\/div>\n\n\n\n<p>The other post types are covered in a more advanced section of this guide.<\/p>\n\n\n\n<p>How these items appear in the site&#8217;s top navigation is an editorial choice and is not affected by the post types or categories.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_a_simple_page\"><\/span>Creating a simple page<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>To put the above to the test, you can create any number of test pages. The following steps will familiarise you with the <strong>Block Editor<\/strong>, which is how you create the layout and content of your page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Key_WordPress_concepts\"><\/span>Key WordPress concepts<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-right:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)\">\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Templates\"><\/span>Templates<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Templates are preset layouts, with a number of elements in them by default. For example, there are templates with a big picture at the start, and templates without one. This site contains a number of templates for you to use.<\/p>\n\n\n\n<p>Caution: the editor makes it relatively easy to edit a template directly. Doing this will change <em>every page<\/em> that uses that template. Resist the urge to press any buttons labeled <em>Edit template<\/em>. Also, don&#8217;t worry\u2013Wordpress keeps an edit history, so mistakes can always be rolled back.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Post_content\"><\/span>Post content<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p><strong>Post content<\/strong> is the words, images and layout elements that you add by inserting them into a template. The final page is a combination of the elements already in the template, together with your post content inside one area of the template.<\/p>\n\n\n\n<p>(WordPress calls everything a <em>Post<\/em>, even if it is a regular web page. In both the Editor and in this guide you can use the terms page and post to mean the same thing.)<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Blocks\"><\/span>Blocks<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>All layout in the editor is based on a big collection of <strong>Blocks<\/strong> that you add to the page, each kind with their own editable parameters. New kinds of blocks can be downloaded or custom built, if necessary. Our site has been extended with both kinds.<\/p>\n\n\n\n<p>A paragraph of text is a Paragraph Block. A video goes in a Video Block. Blocks can go inside blocks, and some blocks are there for structure only, like a Columns Block.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Patterns\"><\/span>Patterns <span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>When you find yourself creating a certain combination of blocks and content over and over again, you can save it as a <strong>Pattern<\/strong>. Our site uses a set of &#8217;<em>Aalto Studios&#8217; <\/em>patterns to achieve consistency between pages, and to help you use complex block combinations.<\/p>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-by-step\"><span class=\"ez-toc-section\" id=\"Step_by_step\"><\/span>Step by step<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Let&#8217;s put all the above concepts into practice. We&#8217;ll create an example page, get to know the editor, pick a suitable template, insert content in blocks and use some of the ready made patterns.<\/p>\n\n\n\n<div style=\"height:4px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Enter_the_Dashboard\"><\/span>1: Enter the Dashboard<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>In a new window, make your way to the site <strong>Dashboard<\/strong>. You&#8217;ll need to <a href=\"http:\/\/backstage\/\">sign in<\/a> first.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69df8456d35ef&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1314\" height=\"734\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-2.png\" alt=\"\" class=\"wp-image-11635\" srcset=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-2.png 1314w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-2-512x286.png 512w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-2-768x429.png 768w\" sizes=\"auto, (max-width: 1314px) 100vw, 1314px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Suurenna\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<div style=\"height:4px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Add_a_new_page\"><\/span>2: Add a new page<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>From the <strong>Pages<\/strong> menu, select &#8217;Add a new page\u2026&#8217;<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69df8456d398b&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-medium is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"484\" height=\"512\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-1-484x512.png\" alt=\"\" class=\"wp-image-11630\" style=\"width:239px;height:auto\" srcset=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-1-484x512.png 484w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-1.png 624w\" sizes=\"auto, (max-width: 484px) 100vw, 484px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Suurenna\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<div style=\"height:4px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Observe_the_Block_Editor\"><\/span>3: Observe the Block Editor<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>The main <strong>Post Content<\/strong> area is flanked on both sides by sidebars, which contain several views inside each. By default, some of the sidebars may be hidden, but can be toggled on and off as desired.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69df8456d3d1a&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1114\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-3-2048x1114.png\" alt=\"\" class=\"wp-image-11640\" srcset=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-3-2048x1114.png 2048w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-3-512x278.png 512w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-3-768x418.png 768w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-3-1536x835.png 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Suurenna\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>If the left hand <strong>Document Overview<\/strong> sidebar is not visible, click the <img loading=\"lazy\" decoding=\"async\" width=\"44\" height=\"37\" class=\"wp-image-11658\" style=\"width: 44px;\" src=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-8.png\" alt=\"\"> button to reveal the <strong>List View<\/strong> area. This view is great for re-arranging your content and understanding the structure of the layout. <\/p>\n\n\n\n<p>If the right hand <strong>Settings<\/strong> sidebar is not visible, click the <img loading=\"lazy\" decoding=\"async\" width=\"44\" height=\"39\" class=\"wp-image-11661\" style=\"width: 44px;\" src=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-9.png\" alt=\"\"> button to reveal it. This area contains settings for the both the overall <strong>Page<\/strong> and whichever <strong>Block<\/strong> you currently have selected. You will find yourselves switching between the two a lot.<\/p>\n\n\n\n<div style=\"height:4px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Create_some_post_content\"><\/span>4: Create some post content<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Type the name of your page in the block at the top, with the placeholder &#8217;Add title&#8217;. After saving your page, this will also define the URI of page, as in for example studios.aalto.fi\/my-test-page\/. The name can be altered easily, the URI with a bit more effort.<\/p>\n\n\n\n<p>A <strong>Paragraph Block<\/strong> has been added by default below the title, so you can simply continue typing into it. Each time you hit Return on your keyboard, you can observe the <strong>List View<\/strong> in the left sidebar gain a new block. Each paragraph can be manipulated separately.<\/p>\n\n\n\n<p>While working in a block, moving your mouse reveals a hovering <strong>Toolbar<\/strong> for quickly manipulating it. Click through the options and make a note of the available tools.<\/p>\n\n\n\n<p>With the block selected, you can find more tools in the right hand side <strong>Block<\/strong> sidebar. All the little icons reveal options, take a moment to view what&#8217;s on offer.<\/p>\n\n\n\n<p>To create an <strong>Image Block<\/strong>, locate the blue <strong>Add block<\/strong> button <img loading=\"lazy\" decoding=\"async\" width=\"44\" height=\"39\" class=\"wp-image-11672\" style=\"width: 44px;\" src=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-11.png\" alt=\"\"> which reveals all available blocks. More similar buttons may appear contextually depending on where you&#8217;re editing. Locate the Image Block in the list, and click or drag it to insert it into the post content. You can pick any image from the Media Library for testing purposes.<\/p>\n\n\n\n<p>Again, pay attention to options in both the hovering toolbar and the right hand Blocks sidebar and experiment with them.<\/p>\n\n\n\n<p>To <em>rearrange blocks on screen<\/em>, you can grab the <strong>Drag handle<\/strong> in the popup toolbar, or use the small up\/down arrows next to the handle. I prefer dragging the items in the left hand <strong>List View<\/strong> sidebar <em>instead<\/em>, particularly when wanting to control how blocks are nested within other blocks.<\/p>\n\n\n\n<div style=\"height:4px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Nest_some_content\"><\/span>5: Nest some content<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Blocks can go inside blocks to create groups, columns, stacks and other structures to keep content in place.<\/p>\n\n\n\n<p>Let&#8217;s review a simple use case for columns.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69df8456d427e&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1708\" height=\"1114\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-12.png\" alt=\"\" class=\"wp-image-11698\" style=\"border-width:1px;border-radius:8px\" srcset=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-12.png 1708w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-12-512x334.png 512w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-12-768x501.png 768w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-12-1536x1002.png 1536w\" sizes=\"auto, (max-width: 1708px) 100vw, 1708px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Suurenna\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>To place the two text paragraphs side by side with the image, a <strong>Columns<\/strong> block can be summoned. Use the Add Block button, or if you like shortcuts, type the &#8217;\/&#8217; slash character into an empty text box, followed by the word columns. <\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69df8456d4591&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1558\" height=\"1248\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-13.png\" alt=\"\" class=\"wp-image-11701\" style=\"border-width:1px;border-radius:8px\" srcset=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-13.png 1558w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-13-512x410.png 512w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-13-768x615.png 768w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-13-1536x1230.png 1536w\" sizes=\"auto, (max-width: 1558px) 100vw, 1558px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Suurenna\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>This shortcut is great way to find blocks fast, if you know their name. All our house <strong>Patterns<\/strong> (saved block combos) are prefixed with <em>Aalto Studios<\/em>, so to find them, you can simply type &#8217;\/&#8217; to activate the picker and look for &#8217;Aal\u2026&#8217;.<\/p>\n\n\n\n<p>When prompted, pick the 50\/50 layout for your new column block and observe the result in the list view.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69df8456d488e&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1826\" height=\"1226\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-14.png\" alt=\"\" class=\"wp-image-11704\" style=\"border-width:1px;border-radius:8px\" srcset=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-14.png 1826w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-14-512x344.png 512w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-14-768x516.png 768w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-14-1536x1031.png 1536w\" sizes=\"auto, (max-width: 1826px) 100vw, 1826px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Suurenna\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>This is where the list view becomes essential, because an empty set of columns is truly empty and invisible. You can change the settings on both the top level columns container, and the individual columns inside.<\/p>\n\n\n\n<p>To move the paragraphs and the image into their respective columns, you can drag in either the list view or the post content area. Shift-clicking multiple items lets you select more at once.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69df8456d4b8a&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"764\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-15-2048x764.png\" alt=\"\" class=\"wp-image-11707\" style=\"border-width:1px;border-radius:8px\" srcset=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-15-2048x764.png 2048w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-15-512x191.png 512w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-15-768x287.png 768w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-15-1536x573.png 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Suurenna\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column as-default-columns-sidebar is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:33.33%\">\n<div class=\"wp-block-group aalto-studios-card-empty has-small-font-size has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-query is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"wp-block-post-template is-layout-flow wp-block-post-template-is-layout-flow\"><li class=\"wp-block-post post-94 afmc_person type-afmc_person status-publish has-post-thumbnail hentry tag-ar tag-cms tag-consultant tag-consulting tag-css tag-design tag-development tag-extended tag-extended-reality tag-facebook tag-frontend tag-html tag-instruction tag-interaction tag-interior tag-internet tag-ixd tag-javascript tag-product-management tag-programming tag-service-design tag-sites tag-social-media tag-software tag-spatial tag-taik tag-user-experience tag-ux tag-web tag-web-studio tag-wordpress tag-www tag-xr productcategories-web-studio\">\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7d874bf9 wp-block-columns-is-layout-flex\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33%\"><figure style=\"aspect-ratio:1;\" class=\"aligncenter wp-block-post-featured-image\"><a href=\"https:\/\/studios.aalto.fi\/fi\/people\/jon-fabritius\/\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"1280\" src=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2018\/01\/Jon_crop.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Jon Fabritius\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2018\/01\/Jon_crop.jpg 1280w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2018\/01\/Jon_crop-512x512.jpg 512w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2018\/01\/Jon_crop-256x256.jpg 256w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2018\/01\/Jon_crop-768x768.jpg 768w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2018\/01\/Jon_crop-800x800.jpg 800w, https:\/\/studios.aalto.fi\/wp-content\/uploads\/2018\/01\/Jon_crop-1200x1200.jpg 1200w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><h5 class=\"has-text-align-left wp-block-post-title\"><a href=\"https:\/\/studios.aalto.fi\/fi\/people\/jon-fabritius\/\" target=\"_self\" >Jon Fabritius<\/a><\/h5>\n\n\n<div class=\"aalto-person-detail-listing\">\n\t<div class=\"aalto-person-detail-listing__col\">\n\n\t\t<p class=\"aalto-person-detail-listing_title\">Web Studio Host \/ Design and Development<\/p>\n\t\t<p class=\"aalto-person-detail-listing_email\">jon.fabritius@aalto.fi<\/p>\n\t\t<p class=\"aalto-person-detail-listing_phone\"><\/p>\n\n\t<\/div>\n\n<\/div>\n<\/div>\n<\/div>\n\n<\/li><\/ul><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group aalto-studios-card-empty has-small-font-size has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-transparent ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<div class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/div>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#Basics\" >Basics<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#Post_types\" >Post types<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#Categories\" >Categories<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#Site_structure\" >Site structure<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#Facility\" >Facility<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#Product\" >Product<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#User_guide\" >User guide<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#Project\" >Project<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#Creating_a_simple_page\" >Creating a simple page<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#Key_WordPress_concepts\" >Key WordPress concepts<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#Templates\" >Templates<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#Post_content\" >Post content<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#Blocks\" >Blocks<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#Patterns\" >Patterns<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#Step_by_step\" >Step by step<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#1_Enter_the_Dashboard\" >1: Enter the Dashboard<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#2_Add_a_new_page\" >2: Add a new page<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#3_Observe_the_Block_Editor\" >3: Observe the Block Editor<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#4_Create_some_post_content\" >4: Create some post content<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#5_Nest_some_content\" >5: Nest some content<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#Page_settings\" >Page settings<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/#Editor_preferences\" >Editor preferences<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n<\/div>\n\n\n\n<div class=\"wp-block-group aalto-studios-card-empty has-small-font-size has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h5 class=\"wp-block-heading\">Related things<\/h5>\n\n\n\n<div class=\"wp-block-query alignwide is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"wp-block-post-template has-small-font-size is-layout-flow wp-container-core-post-template-is-layout-3ee800f6 wp-block-post-template-is-layout-flow\"><li class=\"wp-block-post post-3373 userguide type-userguide status-publish has-post-thumbnail hentry productcategories-communication-guides\">\n<h6 style=\"line-height:1.1; padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;margin-top:0;margin-bottom:0;\" class=\"wp-block-post-title has-small-font-size\"><a href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/media-resources\/\" target=\"_self\" >Media Resources<\/a><\/h6>\n<\/li><li class=\"wp-block-post post-3376 userguide type-userguide status-publish has-post-thumbnail hentry productcategories-communication-guides\">\n<h6 style=\"line-height:1.1; padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;margin-top:0;margin-bottom:0;\" class=\"wp-block-post-title has-small-font-size\"><a href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/product-gallery\/\" target=\"_self\" >List of all products<\/a><\/h6>\n<\/li><li class=\"wp-block-post post-3501 userguide type-userguide status-publish has-post-thumbnail hentry productcategories-communication-guides\">\n<h6 style=\"line-height:1.1; padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;margin-top:0;margin-bottom:0;\" class=\"wp-block-post-title has-small-font-size\"><a href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/user-guides\/\" target=\"_self\" >List of all user guides<\/a><\/h6>\n<\/li><li class=\"wp-block-post post-3848 userguide type-userguide status-publish has-post-thumbnail hentry productcategories-communication-guides\">\n<h6 style=\"line-height:1.1; padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;margin-top:0;margin-bottom:0;\" class=\"wp-block-post-title has-small-font-size\"><a href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/guide-to-aalto-studios-products\/\" target=\"_self\" >Guide to Aalto Studios Products<\/a><\/h6>\n<\/li><li class=\"wp-block-post post-4632 userguide type-userguide status-publish has-post-thumbnail hentry productcategories-communication-guides\">\n<h6 style=\"line-height:1.1; padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;margin-top:0;margin-bottom:0;\" class=\"wp-block-post-title has-small-font-size\"><a href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/video-production-accessilibility-checklist\/\" target=\"_self\" >Video production accessibility checklist<\/a><\/h6>\n<\/li><li class=\"wp-block-post post-11214 userguide type-userguide status-publish has-post-thumbnail hentry productcategories-communication-guides\">\n<h6 style=\"line-height:1.1; padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;margin-top:0;margin-bottom:0;\" class=\"wp-block-post-title has-small-font-size\"><a href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-element-library\/\" target=\"_self\" >Site Element Library<\/a><\/h6>\n<\/li><li class=\"wp-block-post post-11612 userguide type-userguide status-publish has-post-thumbnail hentry tag-banana productcategories-communication-guides\">\n<h6 style=\"line-height:1.1; padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;margin-top:0;margin-bottom:0;\" class=\"wp-block-post-title has-small-font-size\"><a href=\"https:\/\/studios.aalto.fi\/fi\/userguide\/site-editors-guide\/\" target=\"_self\" >Aalto Studios site editor&#8217;s guide<\/a><\/h6>\n<\/li><\/ul><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p>Experiment nesting things with <strong>Groups<\/strong> and <strong>Stacks<\/strong>, and placing <strong>Spacers<\/strong> and <strong>Separators<\/strong> to create room.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Page_settings\"><\/span>Page settings<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The <strong>Page<\/strong> sidebar on the right contains many adjustables outside the actual post content.<\/li>\n\n\n\n<li><strong>Visibility<\/strong> &#8211; Public pages can be seen by anyone, and will get indexed by search engines.<\/li>\n\n\n\n<li><strong>Publish<\/strong> &#8211; You can both schedule timed posting for the future, or back date posts to a different date.<\/li>\n\n\n\n<li><strong>Template<\/strong> &#8211; The layout of the page <em>outside<\/em> your post content. You can use the <strong>Swap Template<\/strong> option that appears when clicking the Template button to select, for example, a template without a big featured hero image on top.<\/li>\n\n\n\n<li><strong>URL<\/strong> &#8211; The address of the page. Changing this will result in existing links to the page to be broken, so avoid this for established pages. A redirect can be made separately, using a different tool.<\/li>\n\n\n\n<li><strong>Author<\/strong> &#8211; We typically don&#8217;t display the author publicly, but certain built-in views in WordPress may reveal it.<\/li>\n\n\n\n<li><strong>Post Type <\/strong>&#8211; Changing this may hide or reveal certain fields that are spesific to certain post types, and affect the visibility of the post in lists.<\/li>\n\n\n\n<li><strong>Switch to Draft<\/strong> &#8211; Unpublishes a post and marks it as a draft.<\/li>\n\n\n\n<li><strong>Move to Trash<\/strong> &#8211; Removes a post and puts it in the Trash folder for 30 days, in case you change your mind. If the content is sensitive and needs to be immediately deleted, the Trash folder has a <strong>Delete Immediately <\/strong>inside.<\/li>\n\n\n\n<li><strong>Revisions <\/strong>&#8211; The change history for comparing and recovering earlier versions of the post.<\/li>\n\n\n\n<li><strong>Tags <\/strong> &#8211; Keywords for the page, to help with search result relevancy and custom listings.<\/li>\n\n\n\n<li><strong>Featured Image <\/strong>&#8211; The big hero image on top of each page, when included in a template. See the section on <strong>Images <\/strong>for more details.<\/li>\n\n\n\n<li><strong>Page Attributes <\/strong> &#8211; These are not used on the Aalto Studios site. <\/li>\n\n\n\n<li><strong>Language <\/strong>&#8211; Shows tools for creating and editing siblings of this post in another language dimension.<\/li>\n\n\n\n<li><strong>Autoptimize this page <\/strong>&#8211; Indicates whether scripts and stylesheets should be optimised for delivery; the answer is yes.<\/li>\n\n\n\n<li><strong>Hide from Search <\/strong> &#8211; Hide this post from the <strong>Site Search<\/strong> tool, making it less discoverable by accident. Recommended for all test pages, link tree-types of utility pages and other content that might appear confusing to an unsuspecting viewer.<\/li>\n\n\n\n<li>Some post types will display additional areas, such Categories, Tags, Additional content fields and Sorting order fields.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Editor_preferences\"><\/span>Editor preferences<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If some of the above settings are not visible, they might be set to hidden. <\/p>\n\n\n\n<p>Find the preferences by opening the <strong>Options <\/strong> <img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"38\" class=\"wp-image-11722\" style=\"width: 32px;\" src=\"https:\/\/studios.aalto.fi\/wp-content\/uploads\/2024\/04\/image-16.png\" alt=\"\"> menu item in the top right corner of the editor, then navigate to the bottom <strong>Preferences<\/strong> item. The General &gt; Document settings area controls what gets displayed.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Aalto Studios site is a stand-alone WordPress installation hosted on our own servers by the Web Studio. It features lots of modifications and plugins we&#8217;ve built to do things our way. These instructions cover the topics of creating a new page or post with custom elements from our pattern library, and some of their [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8774,"template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[22],"productcategories":[627],"class_list":["post-11612","userguide","type-userguide","status-publish","has-post-thumbnail","hentry","tag-banana","productcategories-communication-guides"],"acf":[],"mb":[],"mfb_rest_fields":["title"],"_links":{"self":[{"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/userguide\/11612","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/userguide"}],"about":[{"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/types\/userguide"}],"author":[{"embeddable":true,"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":19,"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/userguide\/11612\/revisions"}],"predecessor-version":[{"id":12517,"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/userguide\/11612\/revisions\/12517"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/media\/8774"}],"wp:attachment":[{"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/media?parent=11612"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/tags?post=11612"},{"taxonomy":"productcategories","embeddable":true,"href":"https:\/\/studios.aalto.fi\/fi\/wp-json\/wp\/v2\/productcategories?post=11612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}