-
Notifications
You must be signed in to change notification settings - Fork 102
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Course: Create a Block Theme (Low-Code) - Course #1 #631
Comments
I think this card relates to the Block Theme Development. Assigning this to myself, as it's next on the list. |
Quick Update: This course is likely going to be split into two leveled courses based on audience need. Working on a structured brainstorm, following a similar process to the one outlined in Make/Training. Will drop a more detailed update soon. |
@wparasae I've renamed this to match the name we're considering for this course, and also so that I can create the second-course ticket |
Here is a link to the rough draft course outline for Course #1. Next Steps:
One blocker I'm facing is: |
n00b here 👋 I would encourage us leveraging new tools like Create Block Theme plugin alongside the recent Figma file for Theme Design to steps builders through designing, generating and implementing a block theme utilizing these tools. I would be happy to help organize and run a workshop for this. General plan:
Would any of this be helpful? |
Yes, absolutely! This sounds fantastic. I would love to see where this fits into the course, and I would be delighted to help you plan and run a Live Online Workshop on this topic. Let's connect -- all of that is brilliant and I would welcome the help! |
@westnz - I appreciate your feedback and have made those changes! Thank you for your keen eye and insight! |
Course Name Updated - I've been considering the name of this course, and after discussing it with @jonathanbossenger and @hlashbrooke, have decided to update it to "Develop Your First Low-Code Block Theme" to better reflect what it is a learner will get out of this course. This is an easily reversible decision, so if there is concern, questions, or if it doesn't translate well for some reason, we can always iterate! |
Second Update: Module #3 has been started (see The Basics of Theme.json for new developers lesson plan) and is in-progress. It would make a good video tutorial, but it's also satisfactory as text; screenshots and short rough draft videos are included. |
Update: Module #3 is ready for review. Please leave all comments on the related lesson plan. You must have access to Learn WordPress to review. The deadline for reviewing content will be December 2nd, 2022 Reminder: This module is meant to make developer-level content easier for intermediate WordPress users. Specific Questions For Feedback
A Note: Lesson 5 (Block Theme Design Challenge: Templates in the Site Editor), specifically, I worry doesn't have enough guidance for an intermediate WordPress user; that said, someone who is creating their own custom block theme should already have a strong grasp of the site editor. Any feedback you have for this, specifically, would be helpful! |
Course Update Module #3 has been iterated upon to set learners up for success in using fonts, low-code style. |
Module 4 has been hard-published; I am adding transcripts to the videos, and then can announce. |
Closing, as this post was designed to track the overall progress of the course. If updates are needed, please submit a Feedback issue type instead so that it can be triaged. |
This issue updated by @wparasae on September 23rd 2022
Designing a Course from Start to Finish (Brainstorm Checklist Rough Draft Template)
COURSE BRAINSTORM
Course Template: Create a Block Theme (Low Code) - Course #1
Course Designer: Sarah Snow (wparasae) - Message me in the #training channel (@arasae) if you have questions or would like to help!
Brainstorm Questions: You can either complete this brainstorm with the buddy or you can answer these questions (no wrong answers!) ahead of time.
1. What is the problem that this course is trying to solve? Describe it.
There is a gap between what an intermediate WordPress user / Figma course designer know about building themes from scratch. This course works to bridge that gap; for users who want to be able to design a fully custom theme of their own, they will learn the fundamentals of theme creation. Designers will be empowered to create themes of their own in the site editor. It will also help prepare learners develop vocabulary to talk about this process and familiarize themselves with new developers. The goal is to bridge the gap between intermediate WordPress user and beginning WordPress developer.
2. Course OBJECTIVE: What is a PROJECT someone should be able to complete if they take this course?
"By the end of this course, a learner should be able to... (list 1 or 2 project ideas)
Intermediate users and theme Figma designers will be able to...
-Build a fully functional, custom WordPress theme with very little coding (theme.json) required.
3. Who is the audience for this course? How will this course address this need?
Designers / Intermediate Users who want to become theme designers - designers who use Figma -- course #1 empowers them to design their own custom WordPress theme using WordPress' full site editor. It also should illustrate different kinds of best practices in building a block theme.
4. Describe the Audience: What should this audience already know and be able to do comfortably? Bonus: What MIGHT this audience already know?
This audience (intermediate users and Figma designers) already knows how to...
-Navigate the WordPress dashboard comfortably
-How to install and update themes
-How to identify a classic theme vs. a block theme
-Use the site editor (including list view, using blocks, using patterns, etc.)
This audience MIGHT already know...
-The general process of classic theme development
-How to use Figma to design certain themes
5. Look at your overall course objective. Brainstorm (no right or wrong answers here): As you consider the project you're hoping people will be able to do, ask yourself:
-The process of block theme creation from start to finish
-Detailed differences between block, classic, hybrid, and universal themes
-The anatomy of a block theme (what each file is and how they work together)
-How to use a text editor to navigate to a theme's files
-How to create new files using a text editor
-What a theme.json does, how it works, and how to use schema to help new users design
-The different templates that make up
-Template hierarchy: how it works in-context. When you forget a 404 page, what happens?
-Users may not know of design best practices, so we may want to include them on each template or template part.
Questions an intermediate user might have:
-What's a splash page, and what are best practices about designing them?
-What are the different template parts? What are required? Why? What happens if I don't have these templates?
-What are the best practices for designing a header or footer? (Maybe link out to a workshop, SLS?)
-What are font and color best practices when it comes to theme design?
Questions a designer might have:
-Why should I use the site editor instead of Figma?
-What are the current limitations of the site editor? What are the possibilities? Where can I learn more about code?
Questions both will have:
-How does theme.json work, and how does it help me?
-What are "semantic colors" and why should I use them?
-How do I pick and use fonts in my theme?
-What are the benefits of lock blocking? How does someone lock a block so that a user who uses this custom theme can't delete essential part?
6. What resources already exist? Check learn.wordpress.org for tutorials, lesson plans, courses, and former social learning spaces that already exist. Link to them below. (This can be done with your buddy or at a later point).
**Other Considerations: (Optional)
**
Next steps: Work with your buddy to create a course outline using this brainstorm. Your instructional design buddy will walk you through "chunking" the content into modules and individual lessons, and help you come up with learning objectives for each module and/or lesson. From there, you can create lesson plan templates to link to the course.
COURSE OUTLINE - Find/Create + Link Lesson Plans
Modules:
1. Building Background Knowledge: The Theme Creation Process
2. Setting Up Your Development Environment and Essential Files
3. Using the Site Editor to Build Your Custom Theme
4. Advanced Custom Theming: Low-Code Challenge
5. Theme Enhancements: Advanced Options to Make Your Theme Stand Out
Changes: This module will be heavily revised; each of these is pretty heavily based in code, and a different module for each is probably more than a beginning theme developer might need to know.
The text was updated successfully, but these errors were encountered: