Local development setup (Local, XAMPP) in Wordpress - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to start the Apache server in XAMPP control panel.

Wordpress

Click the [1] button next to Apache to start the server.

Drag options to blanks, or click blank then click option'

ARestart

BStop

CStart

DConfigure

Attempts:

3 left

💡 Hint

Common Mistakes

Clicking 'Stop' instead of 'Start'

Confusing Apache with MySQL service

To run your WordPress site locally, you need to start the Apache server by clicking the Start button in XAMPP.

2fill in blank

medium

Complete the code to access the local WordPress site in your browser.

Wordpress

Open your browser and go to http://[1]/ to see your WordPress site.

Drag options to blanks, or click blank then click option'

Awordpress.local

B127.0.0.1

C192.168.1.1

Dlocalhost

Attempts:

3 left

💡 Hint

Common Mistakes

Using external IP addresses

Typing 'wordpress.local' without setup

The address localhost points your browser to your own computer where the local server runs.

3fill in blank

hard

Fix the error in the wp-config.php file to connect to the local database.

Wordpress

define('DB_NAME', '[1]');

Drag options to blanks, or click blank then click option'

Aroot

Bwordpress_db

Clocalhost

Dwp_database

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'root' which is a username

Using 'localhost' which is a host

The DB_NAME constant should be set to the name of your WordPress database, such as wordpress_db.

4fill in blank

hard

Complete the code to set the database username and password in wp-config.php.

Wordpress

define('DB_USER', '[1]');
define('DB_PASSWORD', '');

Drag options to blanks, or click blank then click option'

Aroot

Cadmin

Dpassword123

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'admin' as username

Setting a password when none is set

By default, XAMPP uses root as the database username and an empty string "" as the password.

5fill in blank

hard

Fill all three blanks to create a new database in phpMyAdmin using SQL.

Wordpress

CREATE DATABASE [1] CHARACTER SET [2] COLLATE [3];

Drag options to blanks, or click blank then click option'

Awordpress_db

Butf8mb4

Cutf8mb4_general_ci

Dlatin1

Attempts:

3 left

💡 Hint

Common Mistakes

Using latin1 which is outdated

Wrong collation causing character issues

Use wordpress_db as the database name, utf8mb4 as the character set for full Unicode support, and utf8mb4_general_ci as the collation for case-insensitive sorting.

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