Why custom themes offer full control in Wordpress - Test Your Understanding

Practice - 5 Tasks

1fill in blank

easy

Complete the code to register a custom theme in WordPress.

Wordpress

function my_theme_setup() {
  add_theme_support('[1]');
}
add_action('after_setup_theme', 'my_theme_setup');

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

Apost-thumbnails

Bcustom-logo

Cwidgets

Dmenus

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing a feature unrelated to images like 'widgets' or 'menus'.

The post-thumbnails feature enables featured images, giving you control over post visuals in your custom theme.

2fill in blank

medium

Complete the code to enqueue a custom stylesheet in your theme.

Wordpress

function my_theme_scripts() {
  wp_enqueue_style('custom-style', get_template_directory_uri() . '/[1]');
}
add_action('wp_enqueue_scripts', 'my_theme_scripts');

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

Astyle.css

Bscript.js

Cfunctions.php

Dindex.php

Attempts:

3 left

💡 Hint

Common Mistakes

Using JavaScript or PHP files instead of CSS for styles.

The style.css file is the main stylesheet for a WordPress theme, so enqueueing it applies your custom styles.

3fill in blank

hard

Fix the error in the code to properly register a navigation menu.

Wordpress

function register_my_menu() {
  register_nav_menu('[1]', __('Primary Menu'));
}
add_action('init', 'register_my_menu');

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

Asidebar-menu

Bfooter-menu

Cheader-menu

Dmain-menu

Attempts:

3 left

💡 Hint

Common Mistakes

Using unrelated menu location names that don't match theme areas.

The header-menu is a common location name for the primary navigation menu in themes, matching WordPress conventions.

4fill in blank

hard

Fill both blanks to create a custom loop that shows 5 latest posts.

Wordpress

<?php
$args = array(
  'post_type' => '[1]',
  'posts_per_page' => [2]
);
$query = new WP_Query($args);
?>

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

Apost

Bpage

C5

D10

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'page' instead of 'post' or wrong number of posts.

Using post as the post type and 5 for posts per page fetches the latest 5 blog posts.

5fill in blank

hard

Fill both blanks to display the post title linked to its permalink inside a loop.

Wordpress

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
  <h2><a href="<?php [1](); ?>"><?php [2](); ?></a></h2>
<?php endwhile; endif; ?>

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

Athe_permalink

Bthe_title

Cget_permalink

Dget_the_title

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing functions that return values instead of echoing them.

the_permalink() outputs the URL for the post link, and the_title() outputs the post title. get_permalink() can be used to get the URL if needed.