{"id":308,"date":"2017-12-07T18:28:55","date_gmt":"2017-12-07T23:28:55","guid":{"rendered":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/?post_type=chapter&#038;p=308"},"modified":"2018-05-23T14:25:27","modified_gmt":"2018-05-23T18:25:27","slug":"page-layout","status":"publish","type":"chapter","link":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/chapter\/page-layout\/","title":{"raw":"Page Layout","rendered":"Page Layout"},"content":{"raw":"To edit a page, select the<strong> Edit<\/strong> button (pencil icon).\r\n\r\nThe <strong>Layout<\/strong> drop down on the edit page includes a number of layout options:\r\n<img src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-0-1024x714.png\" alt=\"\" class=\"aligncenter wp-image-342 size-large\" width=\"1024\" height=\"714\" \/>\r\n\r\n\u2022<strong> Basic<\/strong> - standard layout for interspersed text and images\r\n<img src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-0-1-1024x784.png\" alt=\"\" class=\"alignnone size-large wp-image-343\" width=\"1024\" height=\"784\" \/>\r\n\r\n\u2022 <strong>Image Header<\/strong> - basic layout with a large header image at the top of the page. Assign a header image by selecting <strong>Key Image<\/strong> under <strong>Styling<\/strong>. Title and description assigned to the page will appear on the header image. This is an ideal layout to begin sections within a project.\r\n<img src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-1-1024x588.png\" alt=\"\" class=\"alignnone size-large wp-image-344\" width=\"1024\" height=\"588\" \/>\r\n<img src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-2.png\" alt=\"\" class=\"alignnone size-full wp-image-345\" width=\"850\" height=\"657\" \/>\r\n\r\n\u2022 <strong>Splash<\/strong> - an ideal layout to begin a project, or a section of a project. Serves as a landing page. The key image displays full screen. A navigation button displays under the page title if the page is part of a path.\r\nTo add a splash image to the project\u2019s homepage, select <strong>Home\u00a0<\/strong>from the hamburger menu, top left (Back to book page). Select the <strong>edit<\/strong> button. Assign a project title in the <strong>Title<\/strong> field. Select <strong>Splash<\/strong> from <strong>Layout<\/strong>. Assign a header image by selecting <strong>Key Image<\/strong> under <strong>Styling<\/strong>. Title assigned to the page will appear on the splash image.\r\n\r\n\u2022 <strong>Book Splash<\/strong> - a splash layout, with author name appearing under the title. Ensure that <strong>In Index<\/strong> (Dashboard) is marked \u2018yes\u2019\r\n<img src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-4-1024x421.png\" alt=\"\" class=\"alignnone size-large wp-image-347\" width=\"1024\" height=\"421\" \/>","rendered":"<p>To edit a page, select the<strong> Edit<\/strong> button (pencil icon).<\/p>\n<p>The <strong>Layout<\/strong> drop down on the edit page includes a number of layout options:<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-0-1024x714.png\" alt=\"\" class=\"aligncenter wp-image-342 size-large\" width=\"1024\" height=\"714\" srcset=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-0-1024x714.png 1024w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-0-300x209.png 300w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-0-768x535.png 768w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-0-65x45.png 65w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-0-225x157.png 225w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-0-350x244.png 350w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-0.png 1156w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>\u2022<strong> Basic<\/strong> &#8211; standard layout for interspersed text and images<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-0-1-1024x784.png\" alt=\"\" class=\"alignnone size-large wp-image-343\" width=\"1024\" height=\"784\" srcset=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-0-1-1024x784.png 1024w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-0-1-300x230.png 300w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-0-1-768x588.png 768w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-0-1-65x50.png 65w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-0-1-225x172.png 225w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-0-1-350x268.png 350w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>\u2022 <strong>Image Header<\/strong> &#8211; basic layout with a large header image at the top of the page. Assign a header image by selecting <strong>Key Image<\/strong> under <strong>Styling<\/strong>. Title and description assigned to the page will appear on the header image. This is an ideal layout to begin sections within a project.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-1-1024x588.png\" alt=\"\" class=\"alignnone size-large wp-image-344\" width=\"1024\" height=\"588\" srcset=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-1-1024x588.png 1024w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-1-300x172.png 300w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-1-768x441.png 768w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-1-65x37.png 65w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-1-225x129.png 225w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-1-350x201.png 350w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-1.png 1146w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-2.png\" alt=\"\" class=\"alignnone size-full wp-image-345\" width=\"850\" height=\"657\" srcset=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-2.png 850w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-2-300x232.png 300w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-2-768x594.png 768w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-2-65x50.png 65w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-2-225x174.png 225w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-2-350x271.png 350w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/p>\n<p>\u2022 <strong>Splash<\/strong> &#8211; an ideal layout to begin a project, or a section of a project. Serves as a landing page. The key image displays full screen. A navigation button displays under the page title if the page is part of a path.<br \/>\nTo add a splash image to the project\u2019s homepage, select <strong>Home\u00a0<\/strong>from the hamburger menu, top left (Back to book page). Select the <strong>edit<\/strong> button. Assign a project title in the <strong>Title<\/strong> field. Select <strong>Splash<\/strong> from <strong>Layout<\/strong>. Assign a header image by selecting <strong>Key Image<\/strong> under <strong>Styling<\/strong>. Title assigned to the page will appear on the splash image.<\/p>\n<p>\u2022 <strong>Book Splash<\/strong> &#8211; a splash layout, with author name appearing under the title. Ensure that <strong>In Index<\/strong> (Dashboard) is marked \u2018yes\u2019<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-4-1024x421.png\" alt=\"\" class=\"alignnone size-large wp-image-347\" width=\"1024\" height=\"421\" srcset=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-4-1024x421.png 1024w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-4-300x123.png 300w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-4-768x316.png 768w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-4-65x27.png 65w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-4-225x93.png 225w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-4-350x144.png 350w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/layout-4.png 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n","protected":false},"author":8,"menu_order":1,"template":"","meta":{"pb_show_title":"","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-308","chapter","type-chapter","status-publish","hentry"],"part":70,"_links":{"self":[{"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/chapters\/308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/wp\/v2\/users\/8"}],"version-history":[{"count":5,"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/chapters\/308\/revisions"}],"predecessor-version":[{"id":445,"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/chapters\/308\/revisions\/445"}],"part":[{"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/parts\/70"}],"metadata":[{"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/chapters\/308\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/wp\/v2\/media?parent=308"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/chapter-type?post=308"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/wp\/v2\/contributor?post=308"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/wp\/v2\/license?post=308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}