Main stylesheet

[cynthianorman]

Learning Objectives

Explains the importance of the theme’s style.css file and how to use it.

The learning objectives are to:

1. Create the style.css file header to configure data about the theme.
2. Describe the list of header fields available within a theme's style.css file.
3. Add the necessary header field to designate the parent theme’s folder in a child theme.

Relevant Links

https://developer.wordpress.org/themes/core-concepts/main-stylesheet/

Lesson creation checklist

• Gather any relevant links to Support, Docs, or related material
• Description and Objectives finalized
• Lesson created and announced to the team for review
• Lesson reviewed
• Lesson video submitted and published to WPTV
• Lesson created on Learn.WordPress.org
• Lesson video published to YouTube
• Lesson on Learn.WordPress.org updated with YouTube video
• Lesson published to Learn.WordPress.org

[cynthianorman]

This Beginner Developer Learning Pathway Lesson is ready to be reviewed. Please follow the steps listed under Guidelines for reviewing content. Thank you for your contribution! ✨

https://youtu.be/wQ0GYGHWKMU (unlisted)

[jonathanbossenger]

Tutorial/Lessons Review Checklist

Please tick all items you've confirmed:

• Learning outcomes/objectives are clear.
• Technical concepts introduced in the content are accurate.
• The speed of demonstrations are easy to follow.
• The narration audio matches what is shown visually.
• Spelling and grammar are correct.
• Sound quality is consistent throughout the video.
• Brand Usage Guidelines and Promotional Guidelines are being followed.
• Media assets are all in the public domain (CC0).

An excellent overview of the theme style.css file.

[cynthianorman]

Thanks @jonathanbossenger

[ironnysh]

Tutorial/Lessons Review Checklist

• Learning outcomes/objectives are clear.
• Technical concepts introduced in the content are accurate.
• The speed of demonstrations are easy to follow.
• The narration audio matches what is shown visually.
• Spelling and grammar are correct.
• Sound quality is consistent throughout the video.
• Brand Usage Guidelines and Promotional Guidelines are being followed.
• Media assets are all in the public domain (CC0).

Great tutorial, @cynthianorman. Referencing the header that defines the child-parent theme relationship is especially useful 👏

[cynthianorman]

Thanks so much for your review @ironnysh. Your feedback is important to me!

[cynthianorman]

@jonathanbossenger I've uploaded this video to WordPress.tv and published it. We still need to add the transcript. Thank you!

[jonathanbossenger]

Video published to YouTube: https://youtu.be/z3EynqghTbQ

When you have a moment, please add the Chapter Markers for the video as a comment in this issue.

[cynthianorman]

@jonathanbossenger

YouTube Chapters

(0:09) Learning objectives
(0:39) Create the style.css file header to configure data about the theme
(2:08) Describe the list of header fields available within a theme's style.css file
(4:48) Add the necessary header field to designate the parent theme’s folder in a child theme