{"id":3973,"date":"2023-03-23T00:16:28","date_gmt":"2023-03-23T00:16:28","guid":{"rendered":"https:\/\/frankly.design\/?p=3973"},"modified":"2023-03-23T00:21:33","modified_gmt":"2023-03-23T00:21:33","slug":"how-to-migrate-a-divi-site-to-a-different-theme","status":"publish","type":"post","link":"https:\/\/frankly.design\/uncategorized\/how-to-migrate-a-divi-site-to-a-different-theme\/","title":{"rendered":"How to migrate a divi site to a different theme"},"content":{"rendered":"\n<p>ACF field for related posts<\/p>\n\n\n\n<p>ACF field for content<\/p>\n\n\n\n<p>Theres a snippet we use for all sites experiencing FOUC which should work just fine on any site. You shouldn&#8217;t need this, but in a case where there is an element or subframe which is not being properly called in time, this is a silver bullet to resolve it from my experience.<\/p>\n\n\n\n<p>Paste this to your HEAD code injector or JS file:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>    \/\/eliminate fouc hero flashing - https:\/\/www.markhendriksen.com\/how-to-fix-divi-flashing-unstyled-content-on-page-load\/ \nvar elm=document.getElementsByTagName(\"html\")&#91;0];\nelm.style.display=\"none\";\ndocument.addEventListener(\"DOMContentLoaded\",function(event) {elm.style.display=\"block\"; });<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<ul>\n<li>The first line looks for the first element with the tag name &#8220;html&#8221; from the current page and assigns it to variable &#8220;elm&#8221;.<\/li>\n\n\n\n<li>The second line sets a &#8220;display&#8221; property of the &#8220;elm&#8221; variable to &#8220;none&#8221; which will briefly (split second) hide the entire HTML content of the page.<\/li>\n\n\n\n<li>The next line is a DOMContentLoaded event, which will fire when the initial HTML document has been completely loaded and parsed out, without waiting for stylesheets, images, frames, etc. to finish rendering or loading.<\/li>\n\n\n\n<li>Inside the event listener, the display property is then set back to &#8220;block&#8221;, which will make all the HTML content visible again.<\/li>\n<\/ul>\n\n\n\n<p>Test it on your own site&#8217;s before deploying first, of course. I&#8217;ve noticed a drastic reduction of any page flickering, font switching and general FOUT just from using this.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>ACF field for related posts ACF field for content Theres a snippet we use for all sites experiencing FOUC which should work just fine on any site. You shouldn&#8217;t need this, but in a case where there is an element or subframe which is not being properly called in time, this is a silver bullet [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[1],"tags":[],"business-type":[],"services":[],"acf":[],"meta_box":{"faq":[],"short_title":"","hero_label":"","main_headline":"","main_headline_hardcoded":"","hero_description":"","overview":"","hero_button_1":"","hero_button_1_link":"","hero_button_2":"","hero_button_2_link":"","main_image":false,"mb_icon":"","hero_img_1":[],"hero_img_2":[],"process_header":"","technologies_header":"","technologies_summary":"","text_effects":{"vertical_text":""},"image_type_toggle":"","new_step_items":[],"float_menu_description":"","pricing_table_one":[],"pricing_table_header_names":[],"comparison_table":[],"bg_color":"","image_gallery":[],"image_gallery_alt":[],"tabs_gallery":[],"categories_businesstype":[],"business_type":[],"related_services":[],"related_features":[],"features_cta_text":"","features_cta_link":"","related_tools":[],"faq_items":[],"case_studies":[],"rankmath_post_keyword":"","footer_rich_text_seo":"","article_headline":"","article_link":"","link_domain_name":"","article_body":"","article_secondary_image":[],"page_hero_header":"","primary_button_text":"","page_primary_button":"","page_hero_background_video":[]},"_links":{"self":[{"href":"https:\/\/frankly.design\/wp-json\/wp\/v2\/posts\/3973"}],"collection":[{"href":"https:\/\/frankly.design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frankly.design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/frankly.design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frankly.design\/wp-json\/wp\/v2\/comments?post=3973"}],"version-history":[{"count":1,"href":"https:\/\/frankly.design\/wp-json\/wp\/v2\/posts\/3973\/revisions"}],"predecessor-version":[{"id":3974,"href":"https:\/\/frankly.design\/wp-json\/wp\/v2\/posts\/3973\/revisions\/3974"}],"wp:attachment":[{"href":"https:\/\/frankly.design\/wp-json\/wp\/v2\/media?parent=3973"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frankly.design\/wp-json\/wp\/v2\/categories?post=3973"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frankly.design\/wp-json\/wp\/v2\/tags?post=3973"},{"taxonomy":"business-type","embeddable":true,"href":"https:\/\/frankly.design\/wp-json\/wp\/v2\/business-type?post=3973"},{"taxonomy":"services","embeddable":true,"href":"https:\/\/frankly.design\/wp-json\/wp\/v2\/services?post=3973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}