{"id":160,"date":"2017-02-20T03:37:53","date_gmt":"2017-02-20T03:37:53","guid":{"rendered":"http:\/\/ubium.net\/blog\/?page_id=160"},"modified":"2017-02-20T03:41:02","modified_gmt":"2017-02-20T03:41:02","slug":"story-layout","status":"publish","type":"page","link":"https:\/\/ubium.net\/blog\/story-layout\/","title":{"rendered":"Story &#8211; Layout"},"content":{"rendered":"<p>In this section we will talk about this following topics:<\/p>\n<ul>\n<li>Story&#8217;s Title<\/li>\n<li>Layout<\/li>\n<li>Ordering slides<\/li>\n<li>Background<\/li>\n<li>Add photo to the story<\/li>\n<li>Write text<\/li>\n<\/ul>\n<p>We start at the working area for composing my story:<\/p>\n<figure id=\"attachment_152\" aria-describedby=\"caption-attachment-152\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-152\" src=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/MINE_instructions_12_working-area-300x179.png\" alt=\"\" width=\"300\" height=\"179\" srcset=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/MINE_instructions_12_working-area-300x179.png 300w, https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/MINE_instructions_12_working-area-768x458.png 768w, https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/MINE_instructions_12_working-area-1024x611.png 1024w, https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/MINE_instructions_12_working-area-1200x715.png 1200w, https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/MINE_instructions_12_working-area.png 1315w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-152\" class=\"wp-caption-text\">Working area for composing my story<\/figcaption><\/figure>\n<h3>Story&#8217;s Title<\/h3>\n<p>First thing you will do it to write the title of your story. This will be done write changing the text on the up-left side of the screen.<\/p>\n<p>At first you will notice the default title with the day when this story was created. In this case it reads: P<em>resentation 2\/7\/2017<\/em><\/p>\n<figure id=\"attachment_171\" aria-describedby=\"caption-attachment-171\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-171\" src=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-5.16.59-300x144.png\" alt=\"Default story's title\" width=\"300\" height=\"144\" srcset=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-5.16.59-300x144.png 300w, https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-5.16.59.png 303w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-171\" class=\"wp-caption-text\">Default story&#8217;s title<\/figcaption><\/figure>\n<p>Then I locate my mouse about the words:\u00a0 P<em>resentation 2\/7\/2017<\/em> and make a click, allowing me to change the text.<\/p>\n<figure id=\"attachment_173\" aria-describedby=\"caption-attachment-173\" style=\"width: 211px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-173\" src=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-5.20.32.png\" alt=\"Editing the Story's title\" width=\"211\" height=\"84\" \/><figcaption id=\"caption-attachment-173\" class=\"wp-caption-text\">Editing the Story&#8217;s title<\/figcaption><\/figure>\n<p>In this case we wrote the title: &#8220;<em>My first story<\/em>&#8220;, and it finalizes as this:<\/p>\n<figure id=\"attachment_172\" aria-describedby=\"caption-attachment-172\" style=\"width: 230px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-172\" src=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-5.17.23.png\" alt=\"New story's title\" width=\"230\" height=\"115\" \/><figcaption id=\"caption-attachment-172\" class=\"wp-caption-text\">New story&#8217;s title<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3>Layout<\/h3>\n<p>Notice this menu at the top-right hand side of the screen, and assure the menu of the <em>pencil<\/em> is selected.<\/p>\n<figure id=\"attachment_161\" aria-describedby=\"caption-attachment-161\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-161\" src=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-4.36.37-300x26.png\" alt=\"Menu \" width=\"300\" height=\"26\" srcset=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-4.36.37-300x26.png 300w, https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-4.36.37.png 479w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-161\" class=\"wp-caption-text\">Menu with the pencil selected<\/figcaption><\/figure>\n<p>You will see on the column on the right, as the first section you see on the column entitled Edit are the different options available to change the background of the page you are using for your story.<\/p>\n<p>T means text, and the flowers means that you can add a photo\/picture<\/p>\n<figure id=\"attachment_162\" aria-describedby=\"caption-attachment-162\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-162\" src=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-4.37.06-300x202.png\" alt=\"Edit section - Layouts\" width=\"300\" height=\"202\" srcset=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-4.37.06-300x202.png 300w, https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-4.37.06.png 303w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-162\" class=\"wp-caption-text\">Edit section &#8211; Layouts<\/figcaption><\/figure>\n<p>You can select which type of layout you can use on this particular page.\u00a0 In this example it is selected the second option form the second row, that is there will be text on the title and on the first half of the page, and on the second half of the page will be a photo.<\/p>\n<figure id=\"attachment_174\" aria-describedby=\"caption-attachment-174\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-174\" src=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-5.24.00-300x134.png\" alt=\"Background of the first page of my story\" width=\"300\" height=\"134\" srcset=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-5.24.00-300x134.png 300w, https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-5.24.00-768x344.png 768w, https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-5.24.00-1024x459.png 1024w, https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-5.24.00-1200x538.png 1200w, https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-5.24.00.png 1847w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-174\" class=\"wp-caption-text\">Background of the first page of my story<\/figcaption><\/figure>\n<h3>Ordering slides<\/h3>\n<p>The next section on the edit area is the order of the slides. This is particular important is you are doing branching stories as it indicates clearly what pages goes first and which one follows.<\/p>\n<p>You can read more about this section on the &#8220;storyline&#8221; instructions page.<\/p>\n<figure id=\"attachment_163\" aria-describedby=\"caption-attachment-163\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-163\" src=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-4.37.14-300x217.png\" alt=\"Story's page order\" width=\"300\" height=\"217\" srcset=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-4.37.14-300x217.png 300w, https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-4.37.14.png 306w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-163\" class=\"wp-caption-text\">Story&#8217;s page order<\/figcaption><\/figure>\n<h3>Background<\/h3>\n<p>The following section it refers to the background of the page. You can select one of the provided &#8220;photos&#8221; from the system.<\/p>\n<p>As soon as you select one photo, it will showed up on your page and you will decide if you want this photo to <em>stretch<\/em> across all the page, or if you want the photos to be <em>repeated<\/em> horizontally or vertically.<\/p>\n<p>Also the menu allows to decide\u00a0 if you want the photo to be anchored on the middle of the page or on a particular page&#8217;s edge.<\/p>\n<p>You can also <strong><em>clear<\/em><\/strong> the background, and <em><strong>add<\/strong><\/em> a new photo or image for your background.<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_165\" aria-describedby=\"caption-attachment-165\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-4.37.56.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-165 size-full\" src=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-4.37.56.png\" alt=\"Background possibilities \" width=\"300\" height=\"718\" srcset=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-4.37.56.png 300w, https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-4.37.56-125x300.png 125w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-165\" class=\"wp-caption-text\">Background possibilities<\/figcaption><\/figure>\n<p>Play with the different possibilities so you can get familiar with it.<\/p>\n<h3>Add photo to the story<\/h3>\n<p>You can add a photo either for your background or to the current page of your book by utilizing this button:<\/p>\n<figure id=\"attachment_166\" aria-describedby=\"caption-attachment-166\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-166\" src=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-4.38.20-300x138.png\" alt=\"Add photo\" width=\"300\" height=\"138\" srcset=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-4.38.20-300x138.png 300w, https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-4.38.20.png 309w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-166\" class=\"wp-caption-text\">Add photo<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h3>Write text<\/h3>\n<p>You only have to locate your self on the <em>text<\/em> areas and start writing. There will be shown a menu with different possibilities to support you on your writing.<\/p>\n<figure id=\"attachment_175\" aria-describedby=\"caption-attachment-175\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-175\" src=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-5.36.47-300x180.png\" alt=\"Writing text on my story\" width=\"300\" height=\"180\" srcset=\"https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-5.36.47-300x180.png 300w, https:\/\/ubium.net\/blog\/wp-content\/uploads\/2017\/02\/Screen-Shot-2017-02-20-at-5.36.47.png 618w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-175\" class=\"wp-caption-text\">Writing text on my story<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In this section we will talk about this following topics: Story&#8217;s Title Layout Ordering slides Background Add photo to the story Write text We start at the working area for composing my story: Story&#8217;s Title First thing you will do it to write the title of your story. This will be done write changing the &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/ubium.net\/blog\/story-layout\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Story &#8211; Layout&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-160","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ubium.net\/blog\/wp-json\/wp\/v2\/pages\/160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubium.net\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ubium.net\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ubium.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubium.net\/blog\/wp-json\/wp\/v2\/comments?post=160"}],"version-history":[{"count":3,"href":"https:\/\/ubium.net\/blog\/wp-json\/wp\/v2\/pages\/160\/revisions"}],"predecessor-version":[{"id":177,"href":"https:\/\/ubium.net\/blog\/wp-json\/wp\/v2\/pages\/160\/revisions\/177"}],"wp:attachment":[{"href":"https:\/\/ubium.net\/blog\/wp-json\/wp\/v2\/media?parent=160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}