Local development setup (Local, XAMPP) in Wordpress - Step-by-Step Execution

Concept Flow - Local development setup (Local, XAMPP)

Install Local or XAMPP

↓

Start Apache and MySQL servers

↓

Create WordPress project folder

↓

Download and unzip WordPress files

↓

Create database via phpMyAdmin

↓

Configure wp-config.php with DB info

↓

Run WordPress installer in browser

↓

Start developing locally

↓

Done

This flow shows the step-by-step process to set up WordPress locally using Local or XAMPP, from installation to starting development.

Execution Sample

Wordpress

1. Install XAMPP
2. Start Apache and MySQL
3. Create DB in phpMyAdmin
4. Download WordPress
5. Configure wp-config.php
6. Run installer in browser

These steps prepare a local WordPress environment for development.

Execution Table

Step	Action	Result	Notes
1	Install XAMPP	XAMPP installed on computer	Ready to run local servers
2	Start Apache and MySQL	Servers running	Local web and database servers active
3	Create database in phpMyAdmin	Database created	Empty DB ready for WordPress data
4	Download and unzip WordPress	WordPress files in folder	Files ready for configuration
5	Configure wp-config.php	DB connection info set	WordPress can connect to DB
6	Run installer in browser	WordPress setup completed	Site ready to use locally
7	Start developing	Local WordPress site running	Changes visible immediately
Exit	Setup complete	Local environment ready	You can build and test safely

💡 Setup ends when WordPress site runs locally after installation.

Variable Tracker

Variable	Start	After Step 2	After Step 3	After Step 5	Final
Apache Server	Off	On	On	On	On
MySQL Server	Off	On	On	On	On
Database	None	None	Created	Created	Created
WordPress Files	None	None	None	Present	Present
wp-config.php	Not Configured	Not Configured	Not Configured	Configured	Configured
WordPress Site	Not Installed	Not Installed	Not Installed	Not Installed	Installed and Running

Key Moments - 3 Insights

Why do we need to start Apache and MySQL servers before installing WordPress?

Because WordPress needs a web server (Apache) to serve pages and a database server (MySQL) to store data. Without these running (see Step 2 in execution_table), WordPress cannot work locally.

What happens if wp-config.php is not configured correctly?

WordPress cannot connect to the database, so the installer will fail (see Step 5). Configuring wp-config.php with correct DB info is essential for setup.

Why create a database before running the WordPress installer?

WordPress needs a database to store site content and settings. Creating it first (Step 3) ensures the installer can save data properly.

Visual Quiz - 3 Questions

Look at the execution_table, at which step are the Apache and MySQL servers started?

A Step 3

B Step 5

C Step 2

D Step 6

💡 Hint

Check the 'Action' column for starting servers in execution_table row Step 2.

According to variable_tracker, what is the state of the database after Step 3?

A Created

B None

C Configured

D Running

💡 Hint

Look at the 'Database' row under 'After Step 3' in variable_tracker.

If wp-config.php is not configured, what will be the WordPress Site state after Step 5?

A Installed and Running

B Not Installed

C Configured

D Created

💡 Hint

Refer to 'wp-config.php' and 'WordPress Site' rows in variable_tracker after Step 5.

Concept Snapshot

Local WordPress setup steps:
1. Install Local or XAMPP
2. Start Apache & MySQL servers
3. Create database in phpMyAdmin
4. Download & unzip WordPress files
5. Configure wp-config.php with DB info
6. Run installer in browser
7. Begin local development

This creates a safe local site to build and test WordPress projects.

Full Transcript

To set up WordPress locally using Local or XAMPP, first install the software. Then start the Apache web server and MySQL database server. Next, create a new database using phpMyAdmin. Download and unzip WordPress files into your project folder. Configure the wp-config.php file with your database details so WordPress can connect. Run the WordPress installer in your browser to complete setup. After this, your local WordPress site is ready for development and testing. This process ensures you have a safe environment to build your site without affecting a live server.

Practice

1. What is the main purpose of using a local development setup like Local or XAMPP for WordPress?

easy

A. To automatically publish posts on social media

B. To host live websites accessible to everyone on the internet

C. To replace the need for a web browser

D. To build and test WordPress sites safely on your own computer

Solution

1. Step 1: Understand local development

   Local development means working on your computer, not on the internet.

2. Step 2: Identify the purpose of Local and XAMPP

   They let you build and test WordPress sites safely without affecting live sites.

3. Final Answer:

   To build and test WordPress sites safely on your own computer -> Option D

4. Quick Check:

   Local development = safe site building [OK]

Hint: Local means work on your PC, not live online [OK]

Common Mistakes:

• Confusing local setup with live hosting
• Thinking local setup publishes sites online
• Believing local setup replaces browsers

2. Which of the following is the correct URL to access your WordPress site running on XAMPP locally?

easy

A. http://www.your-site.com

B. ftp://localhost/your-site-folder

C. http://localhost/your-site-folder

D. https://your-site-folder.local

Solution

1. Step 1: Recall local server URL format

   Local servers like XAMPP use 'localhost' with the folder name to access sites.

2. Step 2: Match correct URL pattern

   http://localhost/your-site-folder uses 'http://localhost/your-site-folder', which is correct for local access.

3. Final Answer:

   http://localhost/your-site-folder -> Option C

4. Quick Check:

   Local URL = http://localhost/folder [OK]

Hint: Local sites use http://localhost plus folder name [OK]

Common Mistakes:

• Using live website URLs instead of localhost
• Using ftp:// instead of http://
• Adding .local domain incorrectly

3. You installed XAMPP and placed your WordPress files in the folder htdocs/mywp. What happens when you visit http://localhost/mywp in your browser?

medium

A. You see the WordPress installation page to set up your site

B. You get a 404 error page because the folder is wrong

C. The browser downloads the WordPress files instead of showing them

D. You see a blank page with no content

Solution

1. Step 1: Understand XAMPP folder usage

   XAMPP serves files from the 'htdocs' folder, so 'mywp' is accessible at localhost/mywp.

2. Step 2: Recognize WordPress behavior on first visit

   Visiting the folder URL shows the WordPress installation page if setup is not done yet.

3. Final Answer:

   You see the WordPress installation page to set up your site -> Option A

4. Quick Check:

   Local WordPress folder URL shows install page [OK]

Hint: Visit localhost/folder to start WordPress install [OK]

Common Mistakes:

• Expecting live site without installation
• Confusing 404 error with wrong folder
• Thinking files download instead of display

4. You installed Local by Flywheel but when you try to access your site, the browser shows "Site can't be reached". What is the most likely cause?

medium

A. Local server is not running or stopped

B. You typed the wrong live website URL

C. Your internet connection is down

D. WordPress files are missing from the folder

Solution

1. Step 1: Check Local server status

   If Local server is stopped, the site URL won't load and shows connection errors.

2. Step 2: Rule out other causes

   Local sites don't need internet; wrong live URL or missing files cause different errors.

3. Final Answer:

   Local server is not running or stopped -> Option A

4. Quick Check:

   Local server must run to access site [OK]

Hint: Ensure Local server is running before opening site [OK]

Common Mistakes:

• Assuming internet is needed for local sites
• Confusing live URLs with local URLs
• Ignoring server status in Local app

5. You want to move a WordPress site from Local to XAMPP on your computer. Which steps should you follow to make the site work correctly on XAMPP?

hard

A. Copy only WordPress files to XAMPP's htdocs and open the site URL

B. Export the database from Local, copy WordPress files to XAMPP's htdocs, import database in phpMyAdmin, update site URL in database

C. Install WordPress fresh on XAMPP and copy themes from Local

D. Change the Local site URL to XAMPP URL and restart Local

Solution

1. Step 1: Export database and copy files

   Export Local's database and copy all WordPress files to XAMPP's htdocs folder.

2. Step 2: Import database and update URLs

   Use phpMyAdmin to import the database, then update site URL in database to match XAMPP URL.

3. Final Answer:

   Export the database from Local, copy WordPress files to XAMPP's htdocs, import database in phpMyAdmin, update site URL in database -> Option B

4. Quick Check:

   Database + files + URL update = successful move [OK]

Hint: Move files + export/import DB + update URLs [OK]

Common Mistakes:

• Copying files without database export/import
• Not updating site URL in database
• Trying to change Local URL instead of moving site