Why themes control presentation in Wordpress - See It in Action

Why Themes Control Presentation in WordPress

📖 Scenario: You are building a simple WordPress site and want to understand how themes control the look and feel of your website.

🎯 Goal: Learn how to set up a basic WordPress theme structure that controls the presentation of your site content.

📋 What You'll Learn

Create a basic WordPress theme folder with essential files

Add a style.css file with theme information

Add an index.php file to display content

Use WordPress functions to load the theme and display a title

💡 Why This Matters

🌍 Real World

Understanding how themes control presentation helps you customize WordPress sites to match your brand or style.

💼 Career

Many web development jobs require knowledge of WordPress themes to build or customize websites for clients.

1

Create the theme folder and style.css

Create a folder named mytheme inside the wp-content/themes directory. Inside mytheme, create a file called style.css with the exact content: /* Theme Name: MyTheme Author: YourName Version: 1.0 */

Wordpress

/*
Theme Name: MyTheme
Author: YourName
Version: 1.0
*/
# Your code here

Need a hint?

This file tells WordPress about your theme. It must start with a comment block containing theme info.

2

Add the index.php file

Inside the mytheme folder, create a file named index.php. Add the line <?php get_header(); ?> at the top to load the header.

Wordpress

/*
Theme Name: MyTheme
Author: YourName
Version: 1.0
*/

# Your code here

Need a hint?

The index.php file is the main template. get_header() loads the header part of the theme.

3

Add a site title in header.php

Create a file named header.php inside mytheme. Add the line <h1><?php bloginfo('name'); ?></h1> to display the site title.

Wordpress

/*
Theme Name: MyTheme
Author: YourName
Version: 1.0
*/

# Your code here

Need a hint?

The header.php file controls the top part of your site. bloginfo('name') shows the site title set in WordPress settings.

4

Complete the theme with footer.php and closing tags

Create a file named footer.php inside mytheme. Add the line <footer>Footer content</footer>. Then in index.php, add <?php get_footer(); ?> at the end to load the footer.

Wordpress

/*
Theme Name: MyTheme
Author: YourName
Version: 1.0
*/




# Your code here

Need a hint?

The footer.php file controls the bottom part of your site. get_footer() loads it in index.php.