Why themes control presentation in Wordpress - Test Your Understanding

Practice - 5 Tasks

1fill in blank

easy

Complete the code to include the theme's header in a WordPress template.

Wordpress

<?php [1]('header'); ?>

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

Aheader_include

Binclude_header

Cload_header

Dget_header

Attempts:

3 left

💡 Hint

Common Mistakes

Using non-existent functions like include_header()

Trying to manually include header files without WordPress functions

The get_header() function loads the header.php file from the active theme, controlling the page's presentation.

2fill in blank

medium

Complete the code to display the site title using the theme's function.

Wordpress

<h1>[1]();</h1>

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

Aget_title

Bsite_title

Cbloginfo

Dthe_title

Attempts:

3 left

💡 Hint

Common Mistakes

Using the_title() which is for posts, not site title

Using non-existent functions like get_title()

The bloginfo() function outputs information about the site, including the title, as controlled by the theme.

3fill in blank

hard

Fix the error in the code to properly enqueue a theme stylesheet.

Wordpress

<?php wp_enqueue_style([1], get_template_directory_uri() . '/style.css'); ?>

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

A'theme-style'

Btheme-style

C'style.css'

Dstyle

Attempts:

3 left

💡 Hint

Common Mistakes

Omitting quotes around the handle string

Using the filename as the handle without quotes

The first argument to wp_enqueue_style() must be a string handle enclosed in quotes, like 'theme-style'.

4fill in blank

hard

Fill both blanks to register and enqueue a theme script properly.

Wordpress

<?php wp_register_script([1], get_template_directory_uri() . '/js/script.js', array('jquery'), null, true); wp_enqueue_script([2]); ?>

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

A'theme-script'

B'jquery'

C'script.js'

D'theme-style'

Attempts:

3 left

💡 Hint

Common Mistakes

Using different handles in register and enqueue

Using incorrect handle names like 'jquery' or 'theme-style'

The script handle 'theme-script' is used both to register and enqueue the script, linking it to the theme's presentation.

5fill in blank

hard

Fill all three blanks to create a custom page template header in a theme file.

Wordpress

<?php
/*
Template Name: [1]
Description: [2]
*/
get_header([3]);
?>

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

A'Custom Page'

B'A special page template for custom layout'

Cnull

D'custom'

Attempts:

3 left

💡 Hint

Common Mistakes

Not quoting the template name or description

Using null instead of the custom header name

Omitting the custom header argument

The template name and description define the custom page template. The get_header('custom') loads the header-custom.php file controlling the presentation.

Practice

1. Why do WordPress themes control the presentation of a website?

easy

A. Because they manage the website's security settings

B. Because they define the layout, colors, and fonts users see

C. Because they store all the website's content

D. Because they handle the website's database connections

Solution

1. Step 1: Understand the role of themes in WordPress

   Themes are responsible for how the website looks, including layout, colors, and fonts.

2. Step 2: Differentiate themes from content and backend functions

   The content is stored separately, and security or database management is handled by other parts of WordPress, not themes.

3. Final Answer:

   Because they define the layout, colors, and fonts users see -> Option B

4. Quick Check:

   Themes control presentation = Because they define the layout, colors, and fonts users see [OK]

Hint: Themes control look and feel, not content or backend [OK]

Common Mistakes:

• Confusing themes with content storage
• Thinking themes manage security
• Believing themes handle database

2. Which of the following is the correct way to activate a theme in WordPress?

easy

A. Go to Appearance > Themes and click 'Activate' on the chosen theme

B. Edit the theme files directly in the WordPress editor

C. Change the theme name in the database manually

D. Upload the theme to the plugins folder

Solution

1. Step 1: Identify the standard method to activate themes

   WordPress allows theme activation via the dashboard under Appearance > Themes.

2. Step 2: Recognize incorrect methods

   Editing files directly or changing database entries is unsafe and not standard; plugins folder is unrelated.

3. Final Answer:

   Go to Appearance > Themes and click 'Activate' on the chosen theme -> Option A

4. Quick Check:

   Activate themes via Appearance menu = Go to Appearance > Themes and click 'Activate' on the chosen theme [OK]

Hint: Activate themes via Appearance > Themes in dashboard [OK]

Common Mistakes:

• Editing theme files instead of activating
• Changing database manually
• Uploading themes to plugins folder

3. If you switch a WordPress theme, what happens to the website's content?

medium

A. The content is converted into theme files

B. The content is deleted and must be re-added

C. The content remains but the presentation changes

D. The content is hidden until the original theme is restored

Solution

1. Step 1: Understand separation of content and presentation

   WordPress stores content separately from themes, so switching themes does not delete content.

2. Step 2: Recognize what changes when switching themes

   The look and style change, but the posts, pages, and media remain accessible.

3. Final Answer:

   The content remains but the presentation changes -> Option C

4. Quick Check:

   Content stays, theme changes look = The content remains but the presentation changes [OK]

Hint: Switching themes changes look, not content [OK]

Common Mistakes:

• Thinking content is deleted
• Believing content converts to theme files
• Assuming content is hidden

4. A user activates a new theme but notices the website layout breaks. What is the most likely cause?

medium

A. The new theme is missing required template files

B. The website content was deleted during theme switch

C. The WordPress core files are corrupted

D. The database connection failed

Solution

1. Step 1: Identify common theme activation issues

   If layout breaks, it often means the theme lacks proper template files or is incompatible.

2. Step 2: Exclude unrelated causes

   Content deletion, core file corruption, or database failure would cause bigger issues, not just layout break.

3. Final Answer:

   The new theme is missing required template files -> Option A

4. Quick Check:

   Broken layout usually means missing templates = The new theme is missing required template files [OK]

Hint: Broken layout? Check theme template files first [OK]

Common Mistakes:

• Assuming content was deleted
• Blaming WordPress core files
• Thinking database failed

5. You want to create a child theme to customize your WordPress site's look without changing the original theme. Why is this approach recommended?

hard

A. Because child themes disable the parent theme's features

B. Because child themes replace the parent theme completely

C. Because child themes store content separately from the parent theme

D. Because child themes let you update the parent theme without losing custom styles

Solution

1. Step 1: Understand child theme purpose

   Child themes allow customization while keeping the parent theme intact for updates.

2. Step 2: Clarify what child themes do not do

   They do not replace, store content separately, or disable parent features; they extend them safely.

3. Final Answer:

   Because child themes let you update the parent theme without losing custom styles -> Option D

4. Quick Check:

   Child themes protect custom styles during updates = Because child themes let you update the parent theme without losing custom styles [OK]

Hint: Use child themes to keep custom styles safe during updates [OK]

Common Mistakes:

• Thinking child themes replace parent themes
• Believing child themes store content separately
• Assuming child themes disable parent features