  {"id":2724,"date":"2024-05-21T09:20:00","date_gmt":"2024-05-21T13:20:00","guid":{"rendered":"https:\/\/umaine.edu\/userguide\/?p=2724"},"modified":"2024-08-15T10:51:51","modified_gmt":"2024-08-15T14:51:51","slug":"gutenberg-corner-steps-to-replace-a-content-blocks-page","status":"publish","type":"post","link":"https:\/\/umaine.edu\/userguide\/2024\/05\/21\/gutenberg-corner-steps-to-replace-a-content-blocks-page\/","title":{"rendered":"Gutenberg corner: Steps to replace a Content Blocks page"},"content":{"rendered":"\n<p>Changing a page from using Content Blocks to Gutenberg can be as simple as clicking the &#8220;Disable content blocks&#8221; button in the page editor. However, this change is immediate and affects the published page. In most situations, content managers will want to create a new page using the Gutenberg editor, as working with a draft page will allow more time to take advantage of Gutenberg features.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2724_970092-6c, .wp-block-kadence-advancedheading.kt-adv-heading2724_970092-6c[data-kb-block=\"kb-adv-heading2724_970092-6c\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2724_970092-6c mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2724_970092-6c[data-kb-block=\"kb-adv-heading2724_970092-6c\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2724_970092-6c img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2724_970092-6c[data-kb-block=\"kb-adv-heading2724_970092-6c\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2724_970092-6c wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2724_970092-6c\"><strong>Step 1: Create the new page<\/strong><\/h3>\n\n\n\n<p>Create a new page on your site (via the Add Page link in the Pages dashboard, for example.) Avoid publishing the draft page until ready to replace the old page.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2724_8c4179-78, .wp-block-kadence-advancedheading.kt-adv-heading2724_8c4179-78[data-kb-block=\"kb-adv-heading2724_8c4179-78\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2724_8c4179-78 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2724_8c4179-78[data-kb-block=\"kb-adv-heading2724_8c4179-78\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2724_8c4179-78 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2724_8c4179-78[data-kb-block=\"kb-adv-heading2724_8c4179-78\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2724_8c4179-78 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2724_8c4179-78\"><strong>Step 2: Check for children<\/strong><\/h3>\n\n\n\n<p>By default pages you create are considered &#8220;top level&#8221; pages on your site, such as the President&#8217;s Cabinet page on the Office of the President website, umaine.edu\/president\/cabinet\/. If you have created pages that are sub-sections of that page, those may be set up as &#8220;child pages&#8221; (for example, Robert Dana&#8217;s biography is a child page of the president&#8217;s cabinet page, umaine.edu\/president\/cabinet\/robert-dana\/). A child page will include it&#8217;s parent page in its path (\/cabinet\/ in our example).<\/p>\n\n\n\n<p>Child pages will be seen in the pages dashboard listed underneath the parent page with a dash before the page name.<\/p>\n\n\n\n<p>Review the child pages to see if they use content blocks as well. If so, create replacements for them as well before publishing the parent page.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2724_9e1133-15, .wp-block-kadence-advancedheading.kt-adv-heading2724_9e1133-15[data-kb-block=\"kb-adv-heading2724_9e1133-15\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2724_9e1133-15 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2724_9e1133-15[data-kb-block=\"kb-adv-heading2724_9e1133-15\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2724_9e1133-15 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2724_9e1133-15[data-kb-block=\"kb-adv-heading2724_9e1133-15\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2724_9e1133-15 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2724_9e1133-15\"><strong>Step 3: Use &#8220;quick edit&#8221; in the dashboard to manage the switchover<\/strong><\/h3>\n\n\n\n<p>Part 1: Using the quick edit feature, change the &#8220;slug&#8221; of the old page (adding &#8220;-old&#8221; to the slug for example), and set its status to Draft.<\/p>\n\n\n\n<p>Part 2: Using the &#8220;quick edit&#8221; feature, change the &#8220;slug&#8221; of the new page to match the slug of the page it is replacing, and set its status to Published.<\/p>\n\n\n\n<p>Part 3: If the old page has children (see above), use the &#8220;quick edit&#8221; feature to select the &#8220;Parent&#8221; as the new Gutenberg page.\u00a0<\/p>\n\n\n\n<p>(NOTE: if a child page was also using Content Blocks, use the &#8220;quick edit&#8221; feature for the new Gutenberg page and not the old Content Blocks page)<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2724_225b50-4e, .wp-block-kadence-advancedheading.kt-adv-heading2724_225b50-4e[data-kb-block=\"kb-adv-heading2724_225b50-4e\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2724_225b50-4e mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2724_225b50-4e[data-kb-block=\"kb-adv-heading2724_225b50-4e\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2724_225b50-4e img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2724_225b50-4e[data-kb-block=\"kb-adv-heading2724_225b50-4e\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2724_225b50-4e wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2724_225b50-4e\"><strong>Step 4: Move the old page(s) to trash<\/strong><\/h3>\n\n\n\n<p>Once the old page has been updated to change it&#8217;s URL (by changing the &#8220;slug&#8221; value), move it to the trash by clicking the &#8220;Trash&#8221; link underneath the page name in the dashboard.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2724_397b99-ed, .wp-block-kadence-advancedheading.kt-adv-heading2724_397b99-ed[data-kb-block=\"kb-adv-heading2724_397b99-ed\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2724_397b99-ed mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2724_397b99-ed[data-kb-block=\"kb-adv-heading2724_397b99-ed\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2724_397b99-ed img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2724_397b99-ed[data-kb-block=\"kb-adv-heading2724_397b99-ed\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2724_397b99-ed wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2724_397b99-ed\"><strong>Step 5: Review navigation menus and update as needed<\/strong><\/h3>\n\n\n\n<p>The menu editor will indicate if a menu item has been deleted\u2014 replace that menu item with a new link to your Gutenberg page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Changing a page from using Content Blocks to Gutenberg can be as simple as clicking the &#8220;Disable content blocks&#8221; button in the page editor. However, this change is immediate and affects the published page. In most situations, content managers will want to create a new page using the Gutenberg editor, as working with a draft [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","spc_primary_category":6},"categories":[6,41,34,5],"tags":[],"class_list":["post-2724","post","type-post","status-publish","format-standard","hentry","category-advice","category-projects-cb","category-gutenberg","category-updates"],"taxonomy_info":{"category":[{"value":6,"label":"Advice"},{"value":41,"label":"Content Blocks removal project"},{"value":34,"label":"Gutenberg"},{"value":5,"label":"Updates"}]},"featured_image_src_large":false,"author_info":{"display_name":"kirby","author_link":"https:\/\/umaine.edu\/userguide\/author\/kirby\/"},"comment_info":"","category_info":[{"term_id":6,"name":"Advice","slug":"advice","term_group":0,"term_taxonomy_id":6,"taxonomy":"category","description":"","parent":0,"count":69,"filter":"raw","cat_ID":6,"category_count":69,"category_description":"","cat_name":"Advice","category_nicename":"advice","category_parent":0},{"term_id":41,"name":"Content Blocks removal project","slug":"projects-cb","term_group":0,"term_taxonomy_id":41,"taxonomy":"category","description":"","parent":0,"count":16,"filter":"raw","cat_ID":41,"category_count":16,"category_description":"","cat_name":"Content Blocks removal project","category_nicename":"projects-cb","category_parent":0},{"term_id":34,"name":"Gutenberg","slug":"gutenberg","term_group":0,"term_taxonomy_id":34,"taxonomy":"category","description":"","parent":0,"count":22,"filter":"raw","cat_ID":34,"category_count":22,"category_description":"","cat_name":"Gutenberg","category_nicename":"gutenberg","category_parent":0},{"term_id":5,"name":"Updates","slug":"updates","term_group":0,"term_taxonomy_id":5,"taxonomy":"category","description":"","parent":0,"count":76,"filter":"raw","cat_ID":5,"category_count":76,"category_description":"","cat_name":"Updates","category_nicename":"updates","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/comments?post=2724"}],"version-history":[{"count":1,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2724\/revisions"}],"predecessor-version":[{"id":2727,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2724\/revisions\/2727"}],"wp:attachment":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/media?parent=2724"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/categories?post=2724"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/tags?post=2724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}