Why reusable content elements matter in Wordpress - See It in Action

Why Reusable Content Elements Matter in WordPress

📖 Scenario: You are building a WordPress website for a small business. The site has multiple pages that share common sections like headers, footers, and call-to-action blocks.Instead of copying and pasting the same content everywhere, you want to create reusable content elements to save time and keep the site consistent.

🎯 Goal: Build a simple WordPress theme structure that uses reusable content elements (template parts) for the header and footer.This will help you understand why reusable content elements matter and how they make website maintenance easier.

📋 What You'll Learn

Create a header template part file with a site title

Create a footer template part file with copyright text

Include the header and footer template parts in the main theme file

Use WordPress functions get_template_part() to include reusable elements

💡 Why This Matters

🌍 Real World

Web developers often build websites with repeated sections like headers and footers. Reusable content elements save time and keep the site consistent.

💼 Career

Knowing how to create and use reusable template parts is a key skill for WordPress theme development and maintenance.

1

Create the header template part

Create a file named header.php inside your theme folder. Inside it, add a <header> element with a <h1> containing the text My WordPress Site.

Wordpress

# Create header.php with a header and h1 element
# Your code here

Need a hint?

Use HTML tags <header> and <h1> with the exact text inside.

2

Create the footer template part

Create a file named footer.php inside your theme folder. Inside it, add a <footer> element with a <p> containing the text © 2024 My WordPress Site.

Wordpress

  My WordPress Site

# Create footer.php with a footer and p element
# Your code here

Need a hint?

Use HTML tags <footer> and <p> with the exact text inside.

3

Include header and footer in the main theme file

In your main theme file index.php, use the WordPress function get_template_part() to include the header and footer template parts. Use get_template_part('header') and get_template_part('footer').

Wordpress

  My WordPress Site


  © 2024 My WordPress Site

Need a hint?

Use get_template_part('header') and get_template_part('footer') exactly as shown.

4

Complete the theme with reusable content elements

Ensure your index.php file includes the header and footer template parts using get_template_part(). This completes your theme structure with reusable content elements.

Wordpress

  My WordPress Site


  © 2024 My WordPress Site

Need a hint?

Check that both header and footer are included with get_template_part().