CV Resume layout, created by the DiviFlash team, is designed to showcase skills, experience, and qualifications in a professional manner. To use this layout on your Divi website, you can follow one of the following importing methods:
- Method 1: Using the DiviFlash layout importer (One-Click Layout Import)
- Method 2: Manually importing the layout
In this article, we will provide step-by-step instructions for both methods.
Method 1: Using DiviFlash Layout Importer
DiviFlash features a built-in layout importer, allowing you to import any of its layouts with just a one click.
Here is how to do it:
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 Import Layout button
- A popup window will appear, displaying a list of layout settings and server requirements.
Note: To ensure a seamless import, please verify that all requirements are met (indicated by green checkmarks). If you see any red crosses, adjust your server settings and refresh the page.
- Once all requirements are confirmed, click “Start Importing” to begin the layout import process.
- 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. (Since this is a single-page design, you need to assign CSS IDs to each section and create a menu based on those IDs.)
Step 5: Next modify the imported layout’s menu by following the steps below:
- 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 > CSS ID & Classes > CSS ID and 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 page by following these steps:
- Navigate to the WordPress dashboard > Settings > Reading.
- Under “Your homepage display,” select “A static page.”
- Choose “Home” from the homepage dropdown
- Click on “Save Changes” to save the changes you made.
Now that your CV Resume layout has been successfully imported and is 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 right side corner
- Select the “Import” tab and choose 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 choose 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 choose 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 Pages, locate the page you just created (in step 5) and click “Edit With Divi.”
- Next, click on the Settings icon of the section you wish to add to the menu (e.g., Skills).
- Navigate to the Advanced tab > CSS ID & Classes > CSS ID and 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 the page you created in Step 6 from the homepage dropdown.
- Finally, click “Save Changes” to set the new homepage.
That’s it. Now your website should look exactly the same as the CV Resume layout. If you have questions about using the CV Resume layout, contact our team at support@diviflash.com.
