Style.css and theme metadata in Wordpress - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the purpose of the style.css file in a WordPress theme?

The style.css file holds the main CSS styles for the theme and contains the theme metadata in a comment block at the top. This metadata tells WordPress about the theme's name, author, version, and more.

beginner

Which metadata fields are required in the style.css header for WordPress to recognize a theme?

The required field is Theme Name. Other common fields include Theme URI, Author, Author URI, Description, Version, and License.

beginner

Show an example of a minimal style.css header with theme metadata.

/* Theme Name: Simple Theme Author: Jane Doe Version: 1.0 Description: A clean and simple WordPress theme. */

intermediate

Why must the theme metadata be inside a CSS comment block in style.css?

Because WordPress reads the metadata from the comment block at the top of style.css without affecting the CSS styles. This keeps metadata separate from actual CSS rules.

beginner

Can you include custom CSS styles below the theme metadata in style.css? What happens?

Yes, you can add CSS rules below the metadata comment block. WordPress loads these styles to style the theme's front-end pages.

What is the minimum required metadata field in style.css for WordPress to detect a theme?

A Author

B Theme Name

C Version

D Description

WordPress requires at least the 'Theme Name' field in the style.css header comment to recognize the theme.

Where must the theme metadata be placed inside style.css?

A Inside a CSS comment block at the top

B Inside a JavaScript block

C At the bottom of the file outside comments

D Inside HTML tags

Theme metadata must be inside a CSS comment block at the very top of style.css for WordPress to read it.

What happens if you add CSS rules below the metadata in style.css?

A They overwrite the metadata

B They are ignored by WordPress

C They cause an error

D They style the theme's front-end pages

CSS rules below the metadata are loaded by WordPress and style the theme's pages.

Which of these is NOT a common metadata field in style.css?

A Theme URI

B Author URI

C Database Name

D License

'Database Name' is not a metadata field in style.css; the others are common fields.

Why is the style.css file important besides holding CSS styles?

A It contains theme metadata WordPress uses to identify the theme

B It stores the theme's PHP code

C It holds the WordPress database credentials

D It manages WordPress plugins

Besides CSS, style.css holds the theme metadata that WordPress reads to identify and display the theme.

Explain the role of the style.css file in a WordPress theme and describe what theme metadata it contains.

Think about how WordPress knows your theme's name and who made it.

Describe how to properly format the theme metadata in style.css and why it must be inside a comment block.

Remember CSS comments start with /* and end with */.