how to create wordpress theme thumbnail

How to Setup the WordPress Development Environment

Today we will learn how to setup the WordPress Development Environment, so we can start build our WordPress Theme. For our WordPress development environment we will need:

  • A local server

We will need a local server to install the WordPress locally, so that we way we can have all the features of WordPress.

What local server we recommend?

Exist two local servers that we recommend:

  • If you use windows we recommend XAMPP.
  • If you use macintosh  we recommend MAMP.

If you need any help setting up the local server just say in the comments.

 

  • Download WordPress

Before we start developing our WordPress theme we need install the WordPress locally. You can download it here.

After we download it, open your local server folder and find the htdocs folder. When you found it uncompress the WordPress file to this folder.

Once that is done start your local server, and visit localhost/wordpress.

 

Step by Step WordPress Installation

1 – Select WordPress Language

The first think on every WordPress installation is setting up the language, set the language you must use and are familiar with. We will use “English (United States)“, after you have choose click “Continue“.

select wordpress development environment language

2 – Set Database Information

First we will need create a database in phpMyAdmin, named wordpress.

create db wordpress

Now we have created our database, we need to set our database name, username and password.

select db name

We recommend you to use:

Database Username: wordpress

Username: root

Password: root //if you use MAMP
or Password:   //if you use XAMMP

Database Host: localhost

Table Prefix: wp_

 

Setting Database Name, Username, Password, Database Host and Table Prefix:

db information

Once that is done press “Submit“.

 

If you follow all steps right this message should appear, click “Run Installation“.

run installation wordpress

 

3 – Configure Website Information

When we install WordPress we need to set some site settings like:

  1. Site Title;
  2. Username (So we can access to our wordpress panel);
  3. Password (To keep our work safe);

We need to discourage the search engines index this site so select the checkbox:

Follow all the steps of the image:

Select your own username and password identity.

set website info wordpress

After you have chosen all your website information click “Install WordPress“.

 

Once that is done a Successful Message would appear:

wordpress installation success

 

4 – Access Admin Panel

Now we have installed WordPress we can login into the WordPress admin panel. Use the username and password creadentials that you have defined in Step 3.

 

Congratulations You Have Installed WordPress Successfully!

 

See you in next class!

 

  1. How to Create WordPress Theme – Introduction
  2. How to Setup the WordPress Development Environment
  3. How to Create WordPress Theme – Part 1
  4. How to Create WordPress Theme – Part 2

 

Do you have any doubt? Please feel free to comment it bellow, we will answer it!

 


3 comments

  1. Greetings from Carolina! I’m bored to tears at work so I decided to check out your site on my iphone during lunch break. I love the knowledge you provide here and can’t wait to take a look when I get home. I’m shocked at how quick your blog loaded on my cell phone .. I’m not even using WIFI, just 3G .. Anyhow, fantastic site!

Leave a Reply

Your email address will not be published. Required fields are marked *