Elegant Themes

Creating a local host environment in the past required a good deal of knowledge about how to set up a Database server and an Apache/Nginx server. Luckily, today, those days are gone.

We can create localhosts environments using any of the following applications:

<a href="https://localwp.com/" target="_blank" rel="nofollow noopener noreferrer">Local</a> by Flywheel - All platforms

<a href="https://www.mamp.info/en/downloads/" target="_blank" rel="nofollow noopener noreferrer">MAMP</a> for Windows and Mac USers

<a href="https://www.apachefriends.org/download.html" target="_blank" rel="nofollow noopener noreferrer">XAMPP</a> for All platforms

- <a href="https://localwp.com/" target="_blank" rel="nofollow noopener noreferrer">Local</a> by Flywheel - All platforms
- <a href="https://www.mamp.info/en/downloads/" target="_blank" rel="nofollow noopener noreferrer">MAMP</a> for Windows and Mac USers
- <a href="https://www.apachefriends.org/download.html" target="_blank" rel="nofollow noopener noreferrer">XAMPP</a> for All platforms

All of those apps are using similar installation/configuration processes. However, below, we will focus on setting up Local by Flywheel since it is the easiest to get started.

Setting up the local environments using Local by Flywheel

<a href="https://localwp.com/" target="_blank" rel="nofollow noopener noreferrer">Download</a> the installation package from the official website.

Fill in the Download form, choose your operating system, and fill in the form with your information.

In the next screen, choose Create a new site and click Continue:

Click Advanced options, and under Local Site Path, choose a folder from your computer where this website will be created and click Continue.

Choose your environment screen is where we can choose the details of your server. If you are unsure what to choose, ensure that the Preferred option is selected and click Continuer. Local will set up everything for you. ​ However, if you want to control the PHP version and the server type, click on the Custom option.

Set up your WordPress username, password and email - those will be the login details used to login to the WordPress dashboard.

Local will download and install WordPress and will launch the server. Once that process is down, you will see a similar screen: 

Click on the WP Admin button to access the WordPress admin area.

Access the admin area using Local by Flywheel

1. <a href="https://localwp.com/" target="_blank" rel="nofollow noopener noreferrer">Download</a> the installation package from the official website.
2. Fill in the Download form, choose your operating system, and fill in the form with your information.
 
 Download Local app
 
3. Install and Run the App.
4. Click on Create a new site button: 
 
 Create a new site with Local
 
5. In the next screen, choose Create a new site and click Continue:
 
 Create a new site - spte 2
 
6. Give your website a name:
7. Click Advanced options, and under Local Site Path, choose a folder from your computer where this website will be created and click Continue.
 
 Local step 3
 
8. Choose your environment screen is where we can choose the details of your server. If you are unsure what to choose, ensure that the Preferred option is selected and click Continuer. Local will set up everything for you. ​ However, if you want to control the PHP version and the server type, click on the Custom option.
9. Set up your WordPress username, password and email - those will be the login details used to login to the WordPress dashboard.
10. Click on the Add Site button.
11. Local will download and install WordPress and will launch the server. Once that process is down, you will see a similar screen: 
 
 New Local website
 
12. Click on the WP Admin button to access the WordPress admin area.
 
 Access the admin area using Local by Flywheel

Install and Activate Divi on a localhost website

Now that we have a running locally hosted website, it is time to install the Divi theme.

Go to the <a href="https://www.elegantthemes.com/members-area/#mydownloads" target="_blank" rel="nofollow noopener noreferrer">Elegant Themes</a> website and log in to your account.

Download the Divi theme to your computer.

Go to WordPress Dashboard (of the freshly created local hosted website) → Appearance → Themes.

Click the Add New button → Upload Theme.

Choose the <code>zip</code> file downloaded in step 2.

1. Go to the <a href="https://www.elegantthemes.com/members-area/#mydownloads" target="_blank" rel="nofollow noopener noreferrer">Elegant Themes</a> website and log in to your account.
2. Download the Divi theme to your computer.
3. Go to WordPress Dashboard (of the freshly created local hosted website) → Appearance → Themes.
 
 WordPress add a new theme
 
4. Click the Add New button → Upload Theme.
5. Choose the <code>zip</code> file downloaded in step 2.
6. Click on the Install Now button.
 
 Activate Divi theme
 
7. Click on Activate.