Theme selection and installation in Wordpress - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to install a theme from the WordPress admin dashboard.

Wordpress

Go to Appearance > [1] to add a new theme.

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

ASettings

BPlugins

CThemes

DUsers

Attempts:

3 left

💡 Hint

Common Mistakes

Selecting Plugins instead of Themes

Choosing Settings or Users which are unrelated to themes

In WordPress, themes are managed under the Appearance > Themes menu.

2fill in blank

medium

Complete the code to activate a theme after installation.

Wordpress

After installing, click the [1] button to make the theme live on your site.

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

AUpdate

BDelete

CPreview

DActivate

Attempts:

3 left

💡 Hint

Common Mistakes

Clicking Preview instead of Activate

Trying to Update or Delete the theme immediately

The 'Activate' button sets the installed theme as the active theme for your site.

3fill in blank

hard

Fix the error in the code to upload a theme zip file.

Wordpress

Go to Appearance > Themes > [1] Theme > Upload Theme to add a theme from your computer.

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

ACustomize

BAdd New

CManage

DEditor

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing Customize or Editor which are for theme settings

Selecting Manage which is not a WordPress menu here

The 'Add New' button lets you upload a theme zip file from your computer.

4fill in blank

hard

Fill both blanks to create a child theme folder and style.css header.

Wordpress

Create a folder named [1] inside wp-content/themes and add a style.css file with the header:
/*
Theme Name: [2]
*/

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

Amytheme-child

Bparent-theme

CMy Theme Child

DChild Theme

Attempts:

3 left

💡 Hint

Common Mistakes

Naming the folder same as parent theme

Using generic names like 'parent-theme' for child folder

The child theme folder is usually named with '-child' suffix. The style.css header 'Theme Name' is the child theme's display name.

5fill in blank

hard

Fill all three blanks to enqueue the parent theme stylesheet in the child theme's functions.php.

Wordpress

function [1]() {
  wp_enqueue_style('[2]', get_template_directory_uri() . '/style.css');
}
add_action('[3]', '[1]');

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

Amy_theme_enqueue_styles

Bparent-style

Cwp_enqueue_scripts

Dchild-style

Attempts:

3 left

💡 Hint

Common Mistakes

Using wrong hook name like 'init'

Mismatching function name in add_action

Using wrong handle names for styles

The function name is custom but consistent. The handle for the parent style is often 'parent-style'. The action hook to enqueue styles is 'wp_enqueue_scripts'.

Practice

1. What is the main purpose of selecting a theme in WordPress?

easy

A. To control the website's design and layout

B. To add new users to the website

C. To increase website loading speed

D. To backup the website data

Solution

1. Step 1: Understand what a theme does

   A WordPress theme controls how the website looks and feels, including design and layout.

2. Step 2: Compare options

   Options A, B, and C relate to backup, users, and speed, which are not the theme's main role.

3. Final Answer:

   To control the website's design and layout -> Option A

4. Quick Check:

   Theme = Design/Layout control [OK]

Hint: Themes change look and layout, not users or backups [OK]

Common Mistakes:

• Confusing theme with plugins
• Thinking themes manage users
• Believing themes handle backups

2. Which of the following is the correct way to install a theme from the WordPress Dashboard?

easy

A. Go to Plugins > Add New, then upload the theme file

B. Go to Appearance > Themes > Add New, then click Install

C. Go to Settings > General, then select the theme

D. Go to Users > Add New, then choose the theme

Solution

1. Step 1: Locate theme installation in Dashboard

   The correct path is Appearance > Themes > Add New to install themes.

2. Step 2: Eliminate incorrect options

   Plugins section is for plugins, Settings is for site settings, Users is for managing users, not themes.

3. Final Answer:

   Go to Appearance > Themes > Add New, then click Install -> Option B

4. Quick Check:

   Theme install = Appearance > Themes > Add New [OK]

Hint: Themes are under Appearance, not Plugins or Users [OK]

Common Mistakes:

• Trying to install themes via Plugins menu
• Looking for themes in Settings
• Confusing user management with theme installation

3. After installing a new theme, what happens if you do NOT activate it?

medium

A. The website will continue using the old active theme

B. The website will use the new theme automatically

C. The website will show a blank page

D. The website will delete the old theme

Solution

1. Step 1: Understand theme activation

   Installing a theme adds it to the site but does not apply it until activated.

2. Step 2: Identify website behavior without activation

   Without activation, the old active theme remains in use; the new theme is inactive.

3. Final Answer:

   The website will continue using the old active theme -> Option A

4. Quick Check:

   Install ≠ Activate; old theme stays active [OK]

Hint: Install adds theme, activate applies it [OK]

Common Mistakes:

• Assuming install activates theme automatically
• Thinking website shows blank without activation
• Believing old theme is deleted on install

4. You uploaded a theme zip file via Appearance > Themes > Add New > Upload Theme, but the upload failed. What is a common cause?

medium

A. You installed the theme from Plugins menu instead

B. You forgot to activate the theme after upload

C. The zip file is corrupted or not a valid theme

D. Your WordPress version is too new

Solution

1. Step 1: Check upload failure reasons

   Upload fails often because the zip file is corrupted or not a proper theme package.

2. Step 2: Eliminate unrelated options

   Activation happens after upload, Plugins menu is wrong place, WordPress version too new rarely causes upload failure.

3. Final Answer:

   The zip file is corrupted or not a valid theme -> Option C

4. Quick Check:

   Upload fail = bad zip/theme file [OK]

Hint: Check zip file integrity if upload fails [OK]

Common Mistakes:

• Confusing upload failure with activation step
• Trying to upload themes via Plugins menu
• Blaming WordPress version without checking file

5. You want to switch your site to a new theme but keep your current homepage content unchanged. What should you do?

hard

A. Activate the new theme without installing it first

B. Delete the old theme before activating the new one

C. Change the homepage content before switching themes

D. Install and activate the new theme, then check homepage settings to keep content

Solution

1. Step 1: Install and activate the new theme properly

   You must first install the new theme, then activate it to apply changes.

2. Step 2: Verify homepage settings after activation

   Some themes change homepage layout; check settings to keep your content intact.

3. Final Answer:

   Install and activate the new theme, then check homepage settings to keep content -> Option D

4. Quick Check:

   Install + activate + check settings = safe switch [OK]

Hint: Activate new theme, then adjust homepage if needed [OK]

Common Mistakes:

• Deleting old theme before activating new one
• Trying to activate theme without installing
• Changing content before switching themes