Site identity and branding in Wordpress - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to set the site title in WordPress theme.

Wordpress

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

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

Adescription

Burl

Cname

Dadmin_email

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'description' instead of 'name' outputs the tagline, not the title.

Using 'url' or 'admin_email' does not show the site title.

The bloginfo('name') function outputs the site title set in WordPress settings.

2fill in blank

medium

Complete the code to display the site tagline in WordPress theme.

Wordpress

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

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

Aname

Bstylesheet_url

Ctemplate_url

Ddescription

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'name' shows the site title, not the tagline.

Using 'stylesheet_url' or 'template_url' shows URLs, not text.

The bloginfo('description') function outputs the site tagline or slogan.

3fill in blank

hard

Fix the error in the code to properly display the site logo in WordPress theme.

Wordpress

<?php the_custom_logo(); [1] ?>

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

Aget_custom_logo();

Becho get_custom_logo();

Cthe_custom_logo();

Dbloginfo('logo')

Attempts:

3 left

💡 Hint

Common Mistakes

Calling both the_custom_logo() and get_custom_logo() causes duplicate output.

Using bloginfo('logo') is invalid; no such parameter exists.

The function get_custom_logo() returns the logo HTML, but does not echo it. the_custom_logo() echoes it directly. Calling both causes an error. Use only the_custom_logo() or echo get_custom_logo();.

4fill in blank

hard

Fill both blanks to create a site title link to the homepage in WordPress theme.

Wordpress

<a href="[1]" title="[2]">My Site</a>

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

A<?php echo esc_url(home_url('/')); ?>

B<?php bloginfo('name'); ?>

C<?php echo get_permalink(); ?>

D<?php bloginfo('description'); ?>

Attempts:

3 left

💡 Hint

Common Mistakes

Using get_permalink() links to the current page, not homepage.

Using bloginfo('description') for title shows tagline, not site name.

The link should point to the homepage URL using home_url('/'). The title attribute should show the site name using bloginfo('name').

5fill in blank

hard

Fill all three blanks to create a site branding section with logo, title, and tagline in WordPress theme.

Wordpress

<div class="site-branding">
  [1]
  <h1 class="site-title"><?php [2] ?></h1>
  <p class="site-description"><?php [3] ?></p>
</div>

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

Athe_custom_logo();

Bbloginfo('name');

Cbloginfo('description');

Dget_custom_logo();

Attempts:

3 left

💡 Hint

Common Mistakes

Using get_custom_logo(); alone does not output the logo.

Mixing up 'name' and 'description' for title and tagline.

The logo is displayed with the_custom_logo();. The site title uses bloginfo('name');. The tagline uses bloginfo('description');.