You can add the CV Resume layout to your Divi website using one of the following import methods:
- Method 1: Using the DiviFlash layout importer (recommended).
- Method 2: Manually importing the layout.
In this doc, we will provide step-by-step instructions for both methods.
Method 1: Using DiviFlash Layout Importer
Step 1: Install and activate the Divi theme.
Step 2: Install and activate the DiviFlash plugin.
Step 3: Go to your WordPress dashboard > DiviFlash > Layouts, and search for “CV Resume”.
Step 4: Hover over the “CV Resume” layout and click on the “Import Layout” button.
- A popup will show layout settings and server requirements. Ensure all items display green checkmarks. If you see red crosses, fix your server settings, then click “Start Importing.”
- The import process may take a few minutes to complete.
- As soon as the import is complete, you will see options to go back to layouts or customize the menu. Click on back to layout. (Since this is a single-page design, you need to assign CSS IDs to each section.)
Step 5: Create a Menu for the Imported Layout
- Go to WordPress dashboard > Pages and click “Edit With Divi” on the page titled “Home”
- Click on the Settings icon of the section you wish to add to the menu (e.g., Skills).
- Navigate to the Advanced tab > Attributes > CSS ID and enter your desired ID (e.g., skills). Copy the CSS ID for later use.
- Repeat this process for each section you want to include in the menu (e.g., Services, Experience, Portfolio, Testimonials, Contact).
- Go to Appearance > Menus, and create a new menu.
- From the Pages section, select the “Home” page and click “Add to Menu.”
- Next, select Custom Links and fill in the following details:
- URL: Add a hashtag and paste the copied ID (e.g., #skills).
- Link Text: Enter your desired menu name (e.g., “Skills”).
- Repeat the same steps to add custom links for Services, Experience, Portfolio, Testimonials, and Contact.
- After that, in the custom link make the following changes to add “Download CV” in the menu:
- URL: Enter the link to your CV file
- Link Text: Enter “Download CV” as the menu name.
- After creating a menu, assign the ‘download_btn’ class to the “Download CV” menu button. You can follow this guide: Divi layout menu customization.
Once all custom links are added, click the “Save Menu” button to apply your changes.
Step 6: After customizing the menu, set your site’s homepage by following these steps:
- Navigate to the WordPress dashboard > Settings > Reading.
- Under “Your homepage displays,” select “A static page.”
- Choose “Home” from the homepage dropdown
- Click on “Save Changes” to save the changes you made.
The CV Resume layout has been successfully imported and is now live on your website.
Method 2: Manually Import the Layout
In addition to using DiviFlash’s Layout Importer, you can also manually import the “CV Resume” layout.
Here is how to do it:
Step 1: Install and activate the Divi Theme.
Step 2: Download the CV Resume layout file from the DiviFlash website and unzip it.
Step 3: Import the “Divi Theme Options Settings” file into the Divi Theme Options panel:
- Navigate to WordPress dashboard > Divi > Theme Options
- Click on the “Import & Export” icon in the top right corner
- Select the Import tab and click “Choose Files” to upload the JSON file named “Divi Theme Options Settings – CV Resume Layout – DiviFlash.json”
- Finally, click on “Import Divi Theme Options”
Step 4: Import the “Theme Customizer Settings” file into the Theme Customizer
- Navigate to WordPress dashboard > Divi > Theme Customizer
- Click on the “Import & Export” icon on the top left corner.
- Select the Import tab and click “Choose Files” to upload the JSON file named “Divi Theme Customizer Settings – CV Resume Layout – DiviFlash.json”
- Finally, click on “Import Divi Customizer Settings”.
Step 5: Import the Home Page file into Divi Library
- Navigate to WordPress dashboard > Divi > Divi Library
- Click on the “Import & Export” button on the upper left
- Select the Import tab and click “Choose Files” to upload the JSON file named “Home page – CV Resume Layout – DiviFlash.json”
- Click on the “Import Divi Builder Layouts” button.
Now create a new page corresponding to the imported Divi Library item. Follow this guide on how to create pages with Divi Layouts from the Library.
Step 6: It’s time to create a menu for the imported layout. Follow the below instructions:
- Go to WordPress dashboard > Pages and click “Edit With Divi” on the page titled “Home”
- Click on the Settings icon of the section you wish to add to the menu (e.g., Skills).
- Navigate to the Advanced tab > Attributes > CSS ID and enter your desired ID (e.g., skills). Copy the CSS ID for later use.
- Repeat this process for each section you want to include in the menu (e.g., Services, Experience, Portfolio, Testimonials, Contact).
- Go to Appearance > Menus, and create a new menu.
- From the Pages section, select the “Home” page and click “Add to Menu.”
- Next, select Custom Links and fill in the following details:
- URL: Add a hashtag and paste the copied ID (e.g., #skills).
- Link Text: Enter your desired menu name (e.g., “Skills”).
- Repeat the same steps to add custom links for Services, Experience, Portfolio, Testimonials, and Contact.
- After that, in the custom link make the following changes to add “Download CV” in the menu:
- URL: Enter the link to your CV file
- Link Text: Enter “Download CV” as the menu name.
- After creating a menu, assign the ‘download_btn’ class to the “Download CV” menu button. You can follow this guide: Divi layout menu customization.
Once all custom links are added, click the “Save Menu” button to apply your changes.
Step 7: Finally set the homepage for the layout.
- Navigate to your WordPress dashboard > Settings > Reading.
- Under “Your homepage display,” select “A static page.”
- Choose your created page from the homepage dropdown.
- Finally, click “Save Changes” to set the new homepage.
Now your website should look exactly the same as the CV Resume layout!
Any Questions?
If you have any questions, please feel free to contact our support team at [email protected]