{"id":6064,"date":"2021-11-23T02:14:16","date_gmt":"2021-11-23T05:14:16","guid":{"rendered":"https:\/\/www.cleefcompany.com\/?p=6064"},"modified":"2024-04-30T20:07:04","modified_gmt":"2024-05-01T00:07:04","slug":"how-to-modify-a-website-without-putting-it-into-maintenance-mode-for-your-website","status":"publish","type":"post","link":"https:\/\/cleefcompany.com\/en\/how-to-modify-a-website-without-putting-it-into-maintenance-mode-for-your-website\/","title":{"rendered":"How to modify a website without putting it into maintenance mode"},"content":{"rendered":"[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;5px||11px|||&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;6px||7px|||&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.21.0&#8243; _module_preset=&#8221;default&#8221; header_2_text_align=&#8221;left&#8221; header_2_font_size=&#8221;30px&#8221; header_2_line_height=&#8221;1em&#8221; header_2_font_size_tablet=&#8221;30px&#8221; header_2_font_size_phone=&#8221;22px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p><span data-contrast=\"auto\">Normally, to modify a page within a <span style=\"text-decoration: underline;\"><a href=\"https:\/\/cleefcompany.com\/en\/website\/\">Website<\/a>,<\/span> You need to put it in maintenance mode to avoid a bad user experience on your website.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">In most cases, you don&#039;t need to put the entire website into maintenance mode if you&#039;re not going to change all the pages and structures of your website.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">This type of work is almost always done with plugins, especially by people who are not professional developers.\u00a0\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">There are many plugins available for WordPress that allow you to do this job without touching code, for example; the WP Maintenance Mode plugin. <\/span><\/p>\n<p><span data-contrast=\"auto\">Personally, I have used it in my company when developing a website for a client or for a project of my company.\u00a0<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><b><span data-contrast=\"auto\">But in this post I&#039;m going to explain how to modify a page within your website without putting it into maintenance mode.\u00a0<\/span><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">With years of work and development in WordPress, I have learned a lot and invented tricks that help me when I work. <\/span><\/p>\n<p><span data-contrast=\"auto\">In this special case, if you need to change a page and don&#039;t need your customers or users to see the changes before final publication, you can do the following:\u00a0<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<ol>\n<li data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"1\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Put the page in draft mode<\/span><span data-ccp-props=\"{&quot;134233279&quot;:true,&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<li data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"1\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-ccp-props=\"{&quot;134233279&quot;:true,&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">Set the page to private.\u00a0<\/span><\/li>\n<li><span data-contrast=\"auto\">Create a development page<\/span><span data-ccp-props=\"{&quot;134233279&quot;:true,&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<\/ol>\n<p><span data-contrast=\"auto\">In this post, I&#039;m going to focus on point 3. <\/span><\/p>\n<p><span data-contrast=\"auto\">If you have any questions about how to perform steps 1 and 2, leave me a comment so I can help you.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>[\/et_pb_text][et_pb_video src=&#8221;https:\/\/youtu.be\/dxuA3nNFh6Y&#8221; _builder_version=&#8221;4.21.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_video][et_pb_text _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; header_2_text_align=&#8221;left&#8221; header_2_font_size=&#8221;30px&#8221; header_2_line_height=&#8221;1em&#8221; hover_enabled=&#8221;0&#8243; header_2_font_size_tablet=&#8221;30px&#8221; header_2_font_size_phone=&#8221;22px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221; sticky_enabled=&#8221;0&#8243;]<h2 aria-level=\"2\"><b><span data-contrast=\"none\"><\/span><\/b><\/h2>\n<h2 aria-level=\"2\"><b><span data-contrast=\"none\">How to create a &quot;development&quot; page for your WordPress website?<\/span><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559738&quot;:40,&quot;335559739&quot;:0,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h2>\n<p><span data-contrast=\"auto\">You must log into your WordPress website, find the option that says \u201cpages\u201d, and click on \u201cadd new\u201d page. <\/span><\/p>\n<p><span data-contrast=\"auto\">Next, you should name the page &quot;Development&quot;, save it as a draft, and start editing. <\/span><\/p>\n<p><span data-contrast=\"auto\">Remember, you shouldn&#039;t publish this page, because it&#039;s only a draft to work on the final design that you should export to the page you actually want to modify.\u00a0<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">Once you finish designing the layout you&#039;re going to put on the page you want to modify, export it as a .Json file in Divi if it&#039;s a complete page, or save it in the &quot;Divi Library&quot; if it&#039;s just a layout and not a page.\u00a0<\/span><span style=\"text-decoration: underline;\"><a href=\"https:\/\/youtu.be\/fsTMHrCyOWs\" target=\"_blank\" rel=\"noopener nofollow\"><b>Watch the video for more details.<\/b><\/a><\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">If it&#039;s the entire page you&#039;ve exported, go to the page you want to modify and click on the three dots at the bottom of the page, click on portability and then click on &quot;Import&quot;. <\/span><\/p>\n<p><span data-contrast=\"auto\">You must upload the previously exported .Json file, check \u201cReplace existing content\u201d if you want to replace all the page content, and finally, click on \u201cImport Divi Builder Layout\u201d.\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\"><strong>Ready!<\/strong><\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">If you have only saved the design in the \u201cDivi Library\u201d, you must click add \u201cSection\u201d or \u201cRows\u201d or \u201cModules\u201d depending on the format in which you saved the design in the \u201cDivi Library\u201d, select \u201cAdd from Library\u201d and choose the design you had saved. <\/span><\/p>\n<p><span data-contrast=\"auto\">After checking that everything is correct, you save and publish your modifications.\u00a0<\/span><\/p>\n<p><strong>Ready!\u00a0<\/strong><\/p>\n<p><span data-contrast=\"auto\">If you need help with a specific Digital Solution, you can <span style=\"text-decoration: underline;\"><a href=\"https:\/\/cleefcompany.com\/en\/contact\/\">Contact us for advice.\u00a0<\/a><\/span><\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">Share this post and leave a comment to help us help more people<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><b><span data-contrast=\"auto\">At Cleefcompany, we wish you much success, prosperity, and health!<\/span><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]","protected":false},"excerpt":{"rendered":"<p>You&#039;ll learn step-by-step how to modify a page on your WordPress website without putting it into Maintenance Mode. Don&#039;t lose customers because of this.<\/p>","protected":false},"author":2,"featured_media":10838,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"2880","footnotes":""},"categories":[105,1],"tags":[136,135,114],"class_list":["post-6064","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","category-blog","tag-mantenimiento","tag-modificar-pagina","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/cleefcompany.com\/en\/wp-json\/wp\/v2\/posts\/6064","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cleefcompany.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cleefcompany.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cleefcompany.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cleefcompany.com\/en\/wp-json\/wp\/v2\/comments?post=6064"}],"version-history":[{"count":4,"href":"https:\/\/cleefcompany.com\/en\/wp-json\/wp\/v2\/posts\/6064\/revisions"}],"predecessor-version":[{"id":10859,"href":"https:\/\/cleefcompany.com\/en\/wp-json\/wp\/v2\/posts\/6064\/revisions\/10859"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cleefcompany.com\/en\/wp-json\/wp\/v2\/media\/10838"}],"wp:attachment":[{"href":"https:\/\/cleefcompany.com\/en\/wp-json\/wp\/v2\/media?parent=6064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cleefcompany.com\/en\/wp-json\/wp\/v2\/categories?post=6064"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cleefcompany.com\/en\/wp-json\/wp\/v2\/tags?post=6064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}