Changing or moving a WordPress theme to a Divi or elegant theme? I just switched 8 sites to Divi theme and here are a few tips I learned that I hope will help you.
When you are transferring an existing WordPress website to a new Divi or elegant theme, while the site is being reconstructed, you could have a redirect set up to go to an “Under Construction” page. Or, instead of having any downtime, when transferring your WordPress website over to a Divi or any elegant theme, you can have it switched over looking good enough for the public to view it immediately.
Steps to Take When Chaing or Moving a WordPress theme to a Divi or elegant themes.
The key to switching over to your new theme quickly and efficiently is the preparation you put into it. The biggest tip I can give you is to take the time beforehand to understand what image sizes you are going to need for your new website.
Divi comes with multiple ways to add/create and pull in images. If you are going to feature a few of your posts and/or pages on your home page with one of Divi’s Blog widgets, you will want to be sure the feature images you are using on those posts are the correct dimensions to best fit Divi.
Understanding the image sizes are especially true if you are going to use a full-width image or slideshow for the home page of your website. You will want to have the right images already created for your homepage so you can add them quickly. Divi’s image aspect ratios are 16:9, 4:3 or 3:4, but here is what you will need to know about what images sizes you will need to go where – The Ultimate Guide to Using Images within Divi
Some 3rd party plugins will not work with Divi theme. The main reason I found it breaks the site that Divi theme likely has the same options the plugin you are using has, therefore the plugins conflict. That is my best guess anyway, but don’t panic, follow these steps below and you will have switched to your new Divi Theme in no time.
Click below for the steps to moving a WordPress theme to a Divi or elegant theme.
Installing and Formatting Divi Theme Before Activation.
- Create three custom menus. Divi utilizes a Primary, Secondary and Footer menu.
- Install, but DO NOT activate the Divi.zip or elegant theme file from Appearance -> Themes -> Add New (Upload New Theme)
- Install the Divi-builder.zip. (Wait till after you complete all these steps before activating.)
- Navigate back to Appearance -> Themes and click the “Live Preview“. If you get an error message, then you have a plugin problem. If you can get to the live preview screen, then move to Step 5 below.
If you see a Fatal error: Allowed memory size of xxxxxxxxx bytes exhausted (tried to allocate xxxxxxxxx bytes) in /home4/xxx/public_html/wp-includes/plugin.php on line xxx then follow these steps at Fix: WordPress Memory Exhausted Error – Increase PHP Memory
If you use Jetpack for Widget Visibility, another option is “Widget Visibility Without Jetpack”. Go to add new plugin and search for “Widget Visibility Without Jetpack” – you can see more or download it directly from JP Widget Visibility without JetPack
- From “Live Preview“, go through ALL of these feature settings. You can go to every page and your blog to make sure it looks good enough when you do “Save and Activate”. There are several settings that you will have to do immediately after you activate your new theme. These things (like uploading your logo) are not available on this initial step. Right now you want to only make sure you have it looking as good as possible.
- Widgets & Menus – You can set your menus now, but the widgets may be another issue. They nay not be where they are supposed to be after you active the Divi theme, but no worries. When you activate the theme, the widgets will be in a section called “unused widgets” and they are organized so they can be easily slide into the right locations.
- After you have completed all the settings, now it is time to “Save and Activate” and then be ready to get busy for some of the other immediate changes you will want to make immediately.
After Step 6 and before Step 7 may be a good time to take a 10-15 minute break because the next steps will keep you busy for a bit and you want to do it as quickly as you can.
After Theme Activation
- Add elegant themes Username and API Key from Divi -> Theme Options -> Updates
- Upload and Activate the Divi Builder plugin.
- Update Plugins. Chances are you will need to update some Divi plugins.
- Go through the entire Divi -> Theme Options menus. Having your site open in another browser window will help you see the changes after you save them to be sure you have it right.
- In the Divi -> Theme Options -> General menu, Add Your Logo and Social Media sites.
- In the Divi -> Theme Options -> Integration menu, add your google analytics code to the “Add code to the < body >” section.
- Widgets may not be in the right place or not showing? From your Widgets section, all your widgets can be found in the “Inactive Sidebar (not used) section near the bottom of the page. You can simply slide them into the active sidebar.
- If you had existing pages in Full Width, you may have to change any pages back to Full Width.
- Change your homepage. I would start your changes from the back office page editor. From that editor change to the “Use The Divi Builder”, but not the “Visual Builder”.. at least not yet.
- Add your homepage feature image or slider and start playing with the other features.
- “Divi Builder”
- “Visual Builder”
I would recommend when first starting and building your home page template is to use the “Divi Builder”. After you have your page built, and looking close to the way you want it, then when you view your live page use the “Visual Builder” to make any final tweaks and adjustments. The reason is if you are in the middle of a draft and have not published the post when in the “Visual Builder” mode, when you save and exit, that post will go live… and you may not be ready to go live yet.
So, my advice is to stay in the “Divi Builder” until you are ready to go live with that post before using the “Visual Builder”.
Now your site should be ready for the public, and you should be able and dangerous enough to learn the rest 🙂
The next thing I recommend you do after you have all the above completed is to go to your Google Analytics and find out what your top landing posts and pages are and modify those first.