{"id":71916,"date":"2016-06-13T08:24:31","date_gmt":"2016-06-13T12:24:31","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=71916"},"modified":"2016-12-02T04:31:05","modified_gmt":"2016-12-02T09:31:05","slug":"cherryframework-4-how-to-manage-postspages-grid-options","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-4-how-to-manage-postspages-grid-options.html","title":{"rendered":"CherryFramework 4. How to manage posts\/pages &#8220;Grid Options&#8221;"},"content":{"rendered":"<p>This tutorial shows you how to manage posts\/pages <strong>Grid Options<\/strong> in <strong>CherryFramework 4<\/strong> templates.<\/p>\r\n<div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/lyQHMi1LzNo\"><\/iframe>\r\n<\/div>\r\n<p>We can consider that there are 3 parts\/elements within a page\/post. They are: <strong>Header<\/strong>, <strong>Page Content<\/strong> and <strong>Footer<\/strong>. We can manage the layout for each element in the WordPress admin panel.<\/p>\r\n<ol>\r\n\t<li>\r\n\t\t<p>General grid layout for Pages\/Posts:<\/p>\r\n\t\t<ol>\r\n\t\t\t<li><p>Log in to <strong>WordPress admin panel<\/strong> and go to <strong>Cherry<\/strong> > <strong>Options<\/strong>. <\/p><\/li>\r\n\t\t\t<li><p><strong>Header<\/strong>: in <strong>Header<\/strong> tab, you can set the grid layout for the Header. There are 2 options for you to select: <strong>Wide<\/strong> and <strong>Boxed<\/strong>.<\/p>\r\n\t\t\t\t\r\n\t\t\t\t<ol>\r\n\t\t\t\t\t<li><p><strong>Wide<\/strong>: Set the element fullwidth, without left and right margin. <\/p><\/li>\r\n\t\t\t\t\t<li><p><strong>Boxed<\/strong>: Set the element into a container\/box with a specific width (pixel value).<\/p><\/li>\r\n\t\t\t\t<\/ol>\r\n\t\t\t\t<p>The pixel number can be adjusted in <strong>Boxed width<\/strong> field right below the <strong>Grid Options<\/strong><\/p>\r\n\t\t\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-1-300x171.png\" alt=\"Cherryframework4-How_to_manage_pages&amp;posts_grid_options-1\" width=\"300\" height=\"171\" class=\"alignnone size-medium wp-image-71920\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-1-300x171.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-1-150x86.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-1-1024x585.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-1.png 1258w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\t<\/li>\r\n\t\t\t<li><p><strong>Page Content<\/strong>:<\/p>\r\n\t\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-2-300x163.png\" alt=\"Cherryframework4-How_to_manage_pages&amp;posts_grid_options-2\" width=\"300\" height=\"163\" class=\"alignnone size-medium wp-image-71921\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-2-300x163.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-2-150x81.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-2-1024x556.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-2.png 1253w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\t<\/li>\r\n\t\t\t<li><p><strong>Footer<\/strong>:<\/p>\r\n\t\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-3-300x164.png\" alt=\"Cherryframework4-How_to_manage_pages&amp;posts_grid_options-3\" width=\"300\" height=\"164\" class=\"alignnone size-medium wp-image-71922\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-3-300x164.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-3-150x82.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-3-1024x561.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-3.png 1239w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\t<\/li>\r\n\t\t<\/ol>\r\n\t<\/li>\r\n\t<li><p><em>Set a different grid layout for a specific post\/page: <\/em><\/p>\r\n\t\t<ol>\r\n\t\t\t<li><p>Open any page\/post to edit. In the page editor, go to <strong>Screen Options<\/strong>, check the <strong>Grid type<\/strong> to turn it on.<\/p>\r\n\t\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-4-300x128.png\" alt=\"Cherryframework4-How_to_manage_pages&amp;posts_grid_options-4\" width=\"300\" height=\"128\" class=\"alignnone size-medium wp-image-71923\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-4-300x128.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-4-150x64.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-4-1024x438.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-4.png 1259w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\t<\/li>\r\n\t\t\t<li><p>Scroll down to see the <strong>Grid type<\/strong>. <em>All the pages\/posts which have <strong>Grid type<\/strong> set as <strong>Inherit<\/strong> for all the 3 parts\/elements (<strong>Header<\/strong>, <strong>Content<\/strong>, <strong>Footer<\/strong>)  have the same grid layout that was set earlier at the <strong>Cherry<\/strong> > <strong>Options<\/strong> section.<\/em> See this screenshot:<\/p>\r\n\t\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-5-300x110.png\" alt=\"Cherryframework4-How_to_manage_pages&amp;posts_grid_options-5\" width=\"300\" height=\"110\" class=\"alignnone size-medium wp-image-71924\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-5-300x110.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-5-150x55.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-5.png 831w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<p> If you need to get a different grid layout for any post\/page, just select the <strong>Wide<\/strong>\/<strong>Boxed<\/strong> option in the <strong>Grid Type<\/strong> field under the post\/page editor.<\/p>\r\n\t\t\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-6-300x89.png\" alt=\"Cherryframework4-How_to_manage_pages&amp;posts_grid_options-6\" width=\"300\" height=\"89\" class=\"alignnone size-medium wp-image-71925\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-6-300x89.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-6-150x45.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-6-1024x304.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/Cherryframework4-How_to_manage_pagesposts_grid_options-6.png 1105w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\t\t\r\n\t\t\t<p>Refresh the page to see the new grid layout.<\/p><\/li>\r\n\t\t<\/ol>\r\n\t<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=lyQHMi1LzNo?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 4. How to manage posts\/pages &#8220;Grid Options&#8221;<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows you how to manage posts\/pages Grid Options in CherryFramework 4 templates.<\/p>\n","protected":false},"author":69,"featured_media":71918,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2012,1528,482],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/71916"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/69"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=71916"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/71916\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/71918"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=71916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=71916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=71916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}