{"id":64723,"date":"2021-02-09T12:41:57","date_gmt":"2021-02-09T17:41:57","guid":{"rendered":"https:\/\/feastdesignco.com\/?p=64723"},"modified":"2021-08-16T13:54:54","modified_gmt":"2021-08-16T17:54:54","slug":"full-width-page","status":"publish","type":"post","link":"https:\/\/feastdesignco.com\/full-width-page\/","title":{"rendered":"Full width page"},"content":{"rendered":"\n
\n

This tutorial features the Feast Plugin<\/a>, which enhances and extends your theme to improve SEO, pagespeed, accessibility and user experience.<\/p>\n<\/div><\/div>\n\n\n\n

The Feast Plugin adds a toggle to the Post settings to display a page full width: <\/p>\n\n\n\n

\"full<\/figure><\/div>\n\n\n\n

This only affects the page it is set on.<\/p>\n\n\n\n

Genesis \/ Theme layout (outdated)<\/h2>\n\n\n\n

The outdated version implemented via the themes (not the plugin) is a an actual WordPress \"template\" in the theme files. Setting a page to \"full width\" layout in Genesis (as with the Full Width Modern Homepage) actually changes what file loads. But this isn't necessarily the best way to do it.<\/p>\n\n\n\n

We no longer recommend using this.<\/p>\n\n\n\n

With WordPress changing how themes and templates function, this is likely to die out over the next couple years.<\/p>\n\n\n\n

Instead, the \"full width layout\" toggle in the block editor (via the Feast Plugin) simply hides the sidebar and sets the content to full width using CSS.<\/p>\n\n\n\n

Alternate layouts<\/h2>\n\n\n\n

Some of the themes make use of different \"layouts\" (full width slim, sidebar+content, content+sidebar, secondary sidebar), and these are going to be dropped in future versions. They simply aren't useful or necessary for 99% of users.<\/p>\n\n\n\n

Moving forward, we'll only support content+sidebar<\/strong> layout. To get ready for this, simply go to Customize > Theme Settings > Site Layout > Select Site Layout: Content, Primary Sidebar<\/strong><\/p>\n\n\n\n

Conversion<\/h2>\n\n\n\n

The block editor's \"Full Width Layout\" toggle is automatically enabled if the Genesis setting is set to \"Full Width\": <\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

We've only recommended using this for the Full Width Modern Homepage, but you may have set this for some other page (eg. contact, about, landing page for ebooks).<\/p>\n\n\n\n

Make sure to set this back to \"Default Layout\" and save the post.<\/p>\n\n\n\n

Once that's disabled, you can use the block editor setting to enable and disable the full width page:<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

The Feast Plugin adds a toggle to the Post settings to display a page full width: This only affects the page it is set on. Genesis \/ Theme layout (outdated) The outdated version implemented via the themes (not the plugin) is a an actual WordPress \"template\" in the theme files. Setting a page to \"full...<\/p>\n","protected":false},"author":1827,"featured_media":34898,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[129],"tags":[],"class_list":["post-64723","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news-updates"],"yoast_head":"\nFull width page - Feast Design Co.<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/feastdesignco.com\/full-width-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Full width page\" \/>\n<meta property=\"og:description\" content=\"The Feast Plugin adds a toggle to the Post settings to display a page full width: This only affects the page it is set on. Genesis \/ Theme layout (outdated) The outdated version implemented via the themes (not the plugin) is a an actual WordPress "template" in the theme files. Setting a page to "full...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/feastdesignco.com\/full-width-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Feast Design Co.\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/feastdesignco\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-09T17:41:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-16T17:54:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2019\/07\/feast-logo-large.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Skylar\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Skylar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/full-width-page\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/full-width-page\\\/\"},\"author\":{\"name\":\"Skylar\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#\\\/schema\\\/person\\\/28edb20a81f10b62443c21ec80186098\"},\"headline\":\"Full width page\",\"datePublished\":\"2021-02-09T17:41:57+00:00\",\"dateModified\":\"2021-08-16T17:54:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/full-width-page\\\/\"},\"wordCount\":289,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/full-width-page\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/feast-logo-large.png\",\"articleSection\":[\"News & Updates\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/feastdesignco.com\\\/full-width-page\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/full-width-page\\\/\",\"url\":\"https:\\\/\\\/feastdesignco.com\\\/full-width-page\\\/\",\"name\":\"Full width page - Feast Design Co.\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/full-width-page\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/full-width-page\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/feast-logo-large.png\",\"datePublished\":\"2021-02-09T17:41:57+00:00\",\"dateModified\":\"2021-08-16T17:54:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/full-width-page\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/feastdesignco.com\\\/full-width-page\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/full-width-page\\\/#primaryimage\",\"url\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/feast-logo-large.png\",\"contentUrl\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/feast-logo-large.png\",\"width\":1000,\"height\":1000},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/full-width-page\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/feastdesignco.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"News & Updates\",\"item\":\"https:\\\/\\\/feastdesignco.com\\\/category\\\/news-updates\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Full width page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#website\",\"url\":\"https:\\\/\\\/feastdesignco.com\\\/\",\"name\":\"Feast Design Co.\",\"description\":\"WordPress Themes for Food & Lifestyle Bloggers\",\"publisher\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/feastdesignco.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#organization\",\"name\":\"Feast Design Co.\",\"url\":\"https:\\\/\\\/feastdesignco.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2016\\\/10\\\/feast_script.jpg\",\"contentUrl\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2016\\\/10\\\/feast_script.jpg\",\"width\":800,\"height\":800,\"caption\":\"Feast Design Co.\"},\"image\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/feastdesignco\\\/\",\"https:\\\/\\\/x.com\\\/feastdesignco\",\"https:\\\/\\\/www.instagram.com\\\/feastdesignco\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#\\\/schema\\\/person\\\/28edb20a81f10b62443c21ec80186098\",\"name\":\"Skylar\",\"sameAs\":[\"https:\\\/\\\/feastdesignco.com\\\/about-skylar-bowker\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Full width page - Feast Design Co.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/feastdesignco.com\/full-width-page\/","og_locale":"en_US","og_type":"article","og_title":"Full width page","og_description":"The Feast Plugin adds a toggle to the Post settings to display a page full width: This only affects the page it is set on. Genesis \/ Theme layout (outdated) The outdated version implemented via the themes (not the plugin) is a an actual WordPress \"template\" in the theme files. Setting a page to \"full...","og_url":"https:\/\/feastdesignco.com\/full-width-page\/","og_site_name":"Feast Design Co.","article_publisher":"https:\/\/www.facebook.com\/feastdesignco\/","article_published_time":"2021-02-09T17:41:57+00:00","article_modified_time":"2021-08-16T17:54:54+00:00","og_image":[{"width":1000,"height":1000,"url":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2019\/07\/feast-logo-large.png","type":"image\/png"}],"author":"Skylar","twitter_misc":{"Written by":"Skylar","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/feastdesignco.com\/full-width-page\/#article","isPartOf":{"@id":"https:\/\/feastdesignco.com\/full-width-page\/"},"author":{"name":"Skylar","@id":"https:\/\/feastdesignco.com\/#\/schema\/person\/28edb20a81f10b62443c21ec80186098"},"headline":"Full width page","datePublished":"2021-02-09T17:41:57+00:00","dateModified":"2021-08-16T17:54:54+00:00","mainEntityOfPage":{"@id":"https:\/\/feastdesignco.com\/full-width-page\/"},"wordCount":289,"commentCount":0,"publisher":{"@id":"https:\/\/feastdesignco.com\/#organization"},"image":{"@id":"https:\/\/feastdesignco.com\/full-width-page\/#primaryimage"},"thumbnailUrl":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2019\/07\/feast-logo-large.png","articleSection":["News & Updates"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/feastdesignco.com\/full-width-page\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/feastdesignco.com\/full-width-page\/","url":"https:\/\/feastdesignco.com\/full-width-page\/","name":"Full width page - Feast Design Co.","isPartOf":{"@id":"https:\/\/feastdesignco.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/feastdesignco.com\/full-width-page\/#primaryimage"},"image":{"@id":"https:\/\/feastdesignco.com\/full-width-page\/#primaryimage"},"thumbnailUrl":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2019\/07\/feast-logo-large.png","datePublished":"2021-02-09T17:41:57+00:00","dateModified":"2021-08-16T17:54:54+00:00","breadcrumb":{"@id":"https:\/\/feastdesignco.com\/full-width-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/feastdesignco.com\/full-width-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/feastdesignco.com\/full-width-page\/#primaryimage","url":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2019\/07\/feast-logo-large.png","contentUrl":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2019\/07\/feast-logo-large.png","width":1000,"height":1000},{"@type":"BreadcrumbList","@id":"https:\/\/feastdesignco.com\/full-width-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/feastdesignco.com\/"},{"@type":"ListItem","position":2,"name":"News & Updates","item":"https:\/\/feastdesignco.com\/category\/news-updates\/"},{"@type":"ListItem","position":3,"name":"Full width page"}]},{"@type":"WebSite","@id":"https:\/\/feastdesignco.com\/#website","url":"https:\/\/feastdesignco.com\/","name":"Feast Design Co.","description":"WordPress Themes for Food & Lifestyle Bloggers","publisher":{"@id":"https:\/\/feastdesignco.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/feastdesignco.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/feastdesignco.com\/#organization","name":"Feast Design Co.","url":"https:\/\/feastdesignco.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/feastdesignco.com\/#\/schema\/logo\/image\/","url":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2016\/10\/feast_script.jpg","contentUrl":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2016\/10\/feast_script.jpg","width":800,"height":800,"caption":"Feast Design Co."},"image":{"@id":"https:\/\/feastdesignco.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/feastdesignco\/","https:\/\/x.com\/feastdesignco","https:\/\/www.instagram.com\/feastdesignco\/"]},{"@type":"Person","@id":"https:\/\/feastdesignco.com\/#\/schema\/person\/28edb20a81f10b62443c21ec80186098","name":"Skylar","sameAs":["https:\/\/feastdesignco.com\/about-skylar-bowker"]}]}},"taxonomy_info":{"category":[{"value":129,"label":"News & Updates"}]},"featured_image_src_large":["https:\/\/feastdesignco.com\/wp-content\/uploads\/2019\/07\/feast-logo-large-720x720.png",720,720,true],"author_info":{"display_name":"Skylar","author_link":"https:\/\/feastdesignco.com\/author\/skylar\/"},"comment_info":0,"category_info":[{"term_id":129,"name":"News & Updates","slug":"news-updates","term_group":0,"term_taxonomy_id":129,"taxonomy":"category","description":"","parent":0,"count":126,"filter":"raw","cat_ID":129,"category_count":126,"category_description":"","cat_name":"News & Updates","category_nicename":"news-updates","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/posts\/64723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/users\/1827"}],"replies":[{"embeddable":true,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/comments?post=64723"}],"version-history":[{"count":0,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/posts\/64723\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/media\/34898"}],"wp:attachment":[{"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/media?parent=64723"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/categories?post=64723"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/tags?post=64723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}