Another new layout has been released by Diviflash which is SEO layout. We will describe step-by-step guidelines here on how to import the layout.
Step 1: Download the layout’s zip file and unzip it.
Step 2: Install and activate the Divi Theme.
Step 3: Install and activate the DiviFlash Plugin.
Step 4: To ensure the proper functioning of the layout, kindly utilize the following Diviflash modules. To enable DiviFlash’s modules, please follow these steps:
- Navigate to DiviFlash in your WordPress dashboard.
- Select ‘Modules’ from the menu.
- Enable DiviFlash’s modules by clicking on the corresponding option.
Modules:
- Advanced Blurb.
- Advanced Person
- Advanced Tabs
- Advanced Heading
- Post Grid
- Business Hours
- Table
- Dual Button
- Floating Images
- Testimonial Carousel
- Filterable CPT
- Advanced List
- Star Rating
- FAQ
- Advanced Menu
Note: These modules need to be activated before importing the layout.
Step 5: Now import the theme options settings, please proceed with the following steps:
- Go to Divi in your WordPress dashboard.
- Select ‘Theme Options’ from the menu.
- Click on the Import & Export icon.
- Choose the ‘Import’ option.
- Locate the “Divi Theme Options Settings – SEO Layout – DiviFlash” file. Select the file for import.
Step 6: Next, import the Divi Theme Builder settings, follow the steps below:
- Go to Divi in your WordPress dashboard.
- Select ‘Theme Builder’ from the menu.
- Click on the Import & Export icon.
- Choose the ‘Import’ option.
- Locate the “Divi Theme Builder Settings – SEO Layout – DiviFlash” file. Select the file for import.
Step 7: Navigate to the below steps to import the Divi Theme Customizer Settings:
- Go to Divi in your WordPress dashboard.
- Select ‘Theme Customizer’ from the menu.
- Click on the Import & Export icon.
- Choose the ‘Import’ option.
- Locate the “Divi Theme Customizer Settings – SEO Layout – DiviFlash” file. Select the file for import.
Step 8: Next import the ‘All in one – SEO layout’ JSON file to gather all the layout pages into your library. Another option is to import the pages individually into the Divi library.
- Go to Divi in your WordPress dashboard.
- Select ‘Divi Library’ from the menu.
- Click on the Import & Export button.
- Choose the ‘Import’ option.
- Locate the “All In One – SEO Layout – DiviFlash” file, or select individual page files for import.
For further guidance, you can follow this: How to import Divi Layout Pages.
Step 9: Page Creation: How to create pages with Divi Layouts From Library.
Step 10: Menu Settings: The current layout utilizes a library item to create the mega menu feature. To incorporate this library item as a submenu under the “Services” section, follow the steps provided below:
Follow Divi Layout Menu Customization guide.
- Navigate to Appearance => Menu in your WordPress dashboard.
- Enable Diviflash menu settings.
- Click on the ‘Edit Menu’ button next to the ‘Services’ menu item.
- From the Submenu Type dropdown, select ‘Divi layout.’
- Choose ‘Mega menu Library – SEO Layout – Diviflash’ from the Library Item dropdown.
After selecting the Library item, you’ll need to customize it further. Here’s what you should do:
- From the ‘Content Width Type’ dropdown menu, choose ‘Custom Width.’
- Set the ‘Custom Width’ value to 990.
- Finally, select ‘Bottom Left’ as the Menu Position
By following these steps, you will successfully add the library item as a submenu under the “Services” section, and you can customize its appearance with a custom width and menu position.
Step 11: To complete the process, The last step involves linking the submenu items to their respective pages. We will demonstrate this process specifically for the ‘Keyword Research’ page. The same procedure applies to the other pages as well. Follow the steps below to complete this task:
- Navigate to Divi in your WordPress dashboard.
- Select ‘Divi Library’ from the menu.
- Locate and edit the ‘Mega Menu Library – SEO Layout’ item.
- Within the settings of the Advanced List Module, locate the ‘Keyword Research’ item and select the settings icon associated with it.
- Click on the ‘Link’ field.
- In the Module Link URL section, choose ‘Use Dynamic Content’ as the page link.
- Select ‘Page Link’ and specify ‘Keyword Research’.
By following these steps, you will successfully link the ‘Keyword Research’ page within the Divi Library’s Mega Menu item. The remaining items can be handled using the same procedure.
Congratulations! You have completed the importing procedure of the layout successfully, and it is now ready to be utilized. Great job!