First WordPress site - Step-by-Step Execution

Concept Flow - First WordPress site

Install WordPress

↓

Set up Database

↓

Configure wp-config.php

↓

Run Installation Script

↓

Create Admin Account

↓

Login to Dashboard

↓

Create First Post or Page

↓

Publish Site

This flow shows the main steps to get a WordPress site up and running, from installation to publishing your first content.

Execution Sample

Wordpress

<?php
// wp-config.php snippet
define('DB_NAME', 'mydatabase');
define('DB_USER', 'user');
define('DB_PASSWORD', 'pass');
?>

This code sets up the database connection details needed for WordPress to work.

Execution Table

Step	Action	Result	Next Step
1	Download WordPress files	WordPress files ready on server	Set up database
2	Create MySQL database	Database created and ready	Configure wp-config.php
3	Edit wp-config.php with DB info	WordPress can connect to database	Run installation script
4	Run installation script via browser	Setup wizard starts	Create admin account
5	Fill admin info and site name	Admin account created	Login to dashboard
6	Login to WordPress dashboard	Access to admin panel	Create first post or page
7	Create and publish first post	Post visible on site	Site is live
8	Site live with first content	Visitors can see site	END

💡 Site is live and ready for visitors after publishing first content.

Variable Tracker

Variable	Start	After Step 3	After Step 5	Final
Database Connection	None	Configured	Connected	Connected
Admin Account	None	None	Created	Created
Site Content	None	None	None	First post published

Key Moments - 3 Insights

Why do I need to create a database before running the WordPress installer?

Because WordPress stores all your site data in the database. The installer needs to connect to it to set up tables. See execution_table step 2 and 3.

What happens if wp-config.php has wrong database info?

WordPress cannot connect to the database and the installation will fail. This is shown in execution_table step 3 where correct info is required.

Why do I need to create an admin account during installation?

The admin account lets you log in to manage your site. Without it, you cannot access the dashboard (execution_table step 5 and 6).

Visual Quiz - 3 Questions

Look at the execution table, at which step is the database connection configured?

A Step 3

B Step 2

C Step 5

D Step 6

💡 Hint

Check the 'Action' column for 'Edit wp-config.php with DB info' in execution_table.

At which step does the site become live with the first content?

A Step 6

B Step 7

C Step 8

D Step 5

💡 Hint

Look for 'Site live with first content' in the 'Result' column of execution_table.

If the admin account is not created, what will happen according to the variable tracker?

A Site content will still be published

B No access to dashboard

C Database connection will fail

D Installation script will not start

💡 Hint

Refer to 'Admin Account' row in variable_tracker and execution_table steps 5 and 6.

Concept Snapshot

First WordPress site setup:
1. Download and upload WordPress files
2. Create a MySQL database
3. Configure wp-config.php with DB details
4. Run installation script via browser
5. Create admin account
6. Login to dashboard
7. Create and publish first post
Site is live after publishing content.

Full Transcript

To create your first WordPress site, start by downloading WordPress files and uploading them to your server. Next, create a MySQL database where WordPress will store your site data. Then, edit the wp-config.php file to add your database name, user, and password so WordPress can connect. After that, run the installation script by visiting your site in a browser. The setup wizard will ask you to create an admin account to manage your site. Once done, log in to the WordPress dashboard. From there, create and publish your first post or page. After publishing, your site is live and visitors can see your content.

Practice

1. What is the main purpose of WordPress when creating a website?

easy

A. To create databases manually

B. To write complex programs for web servers

C. To build websites easily without needing to write code

D. To design mobile apps only

Solution

1. Step 1: Understand WordPress's role

   WordPress is a tool designed to help users create websites without coding.

2. Step 2: Compare options

   Options A, B, and C describe tasks unrelated to WordPress's main purpose.

3. Final Answer:

   To build websites easily without needing to write code -> Option C

4. Quick Check:

   WordPress = Easy website building [OK]

Hint: WordPress is for websites, not coding apps [OK]

Common Mistakes:

• Thinking WordPress is for app development
• Confusing WordPress with programming languages
• Assuming WordPress manages databases manually

2. Which of the following is the correct way to add a new page in WordPress?

easy

A. Go to Dashboard > Pages > Add New

B. Go to Dashboard > Plugins > Add New

C. Go to Dashboard > Appearance > Themes

D. Go to Dashboard > Settings > General

Solution

1. Step 1: Locate where pages are managed

   Pages are added via the Pages menu in the WordPress Dashboard.

2. Step 2: Identify the correct menu path

   Go to Dashboard > Pages > Add New correctly shows Dashboard > Pages > Add New, which is how to add a page.

3. Final Answer:

   Go to Dashboard > Pages > Add New -> Option A

4. Quick Check:

   Pages added under Pages menu [OK]

Hint: Pages are under 'Pages' menu, not Plugins or Settings [OK]

Common Mistakes:

• Trying to add pages under Plugins
• Confusing Themes with Pages
• Looking in Settings for page creation

3. If you activate a new theme in WordPress, what will happen to your website's appearance?

medium

A. The website's URL will change

B. The website content will be deleted

C. The website will stop working until you add new content

D. The website's look and style will change according to the new theme

Solution

1. Step 1: Understand what a theme controls

   A WordPress theme controls the design and layout of the website.

2. Step 2: Effects of activating a new theme

   Activating a new theme changes the website's appearance but does not delete content or change URL.

3. Final Answer:

   The website's look and style will change according to the new theme -> Option D

4. Quick Check:

   Theme changes appearance only [OK]

Hint: Themes change look, not content or URL [OK]

Common Mistakes:

• Thinking content is deleted when changing themes
• Believing website stops working after theme change
• Assuming URL changes with theme activation

4. You tried to add a new post but the 'Add New' button is missing under Posts. What is the likely cause?

medium

A. You need to install a plugin to add posts

B. You are not logged in or lack permission to add posts

C. Your website theme does not support posts

D. Your WordPress installation is corrupted

Solution

1. Step 1: Check user permissions

   Only logged-in users with proper roles can add posts; missing button often means no permission.

2. Step 2: Rule out other causes

   Themes do not remove post functionality; plugins are not required to add posts; corruption is less common.

3. Final Answer:

   You are not logged in or lack permission to add posts -> Option B

4. Quick Check:

   Missing button = permission issue [OK]

Hint: Check login and user role first if buttons missing [OK]

Common Mistakes:

• Blaming theme for missing post button
• Assuming plugin needed to add posts
• Jumping to corruption without checking permissions

5. You want to create a homepage that shows your latest blog posts and also a separate About page. Which steps should you follow in WordPress?

hard

A. Set homepage to display latest posts in Settings > Reading, then create a new About page under Pages

B. Create a new post called About and set it as homepage

C. Install a plugin to create pages and posts

D. Change the theme to one that only shows posts on homepage

Solution

1. Step 1: Configure homepage to show latest posts

   In Settings > Reading, set 'Your homepage displays' to 'Your latest posts' to show blog posts on homepage.

2. Step 2: Create About page separately

   Create a new page named About under Pages to have a separate About page.

3. Final Answer:

   Set homepage to display latest posts in Settings > Reading, then create a new About page under Pages -> Option A

4. Quick Check:

   Homepage posts + About page = Set homepage to display latest posts in Settings > Reading, then create a new About page under Pages [OK]

Hint: Use Settings > Reading for homepage, Pages for About [OK]

Common Mistakes:

• Using a post as About page
• Thinking plugins are needed for basic pages
• Changing theme unnecessarily