Privacy consent
Our site uses browser cookies to personalize your experience.
Regarding this issue, please find our information on data control and processing here
and our information on server logging and usage of so-called 'cookies' here.
By clicking here You confirm your approval of the data processing activities mentioned in these documents.
Please note that You may only use this website efficiently if you agree to these conditions.
Theme development
Includes 2 Modules
03:00
Included modules
Introduction
Time requirement
2 hours 30 minutesDependencies
None
- Structure
- Explaining the Manifest (BaseTheme), Startup class
- Usual folders
- Razor vs Liquid, tag helpers
- Code generation templates
- Shapes
- Notion of shapes, hierarchical rendering of shapes (demonstrate it with the call stack using the debugger, e.g. with
MenuItem.cshml, also explaining shape caching) - The notion and use of the Layout shape, checking it out with the debugger
- Alternates and overrides (the basic ones and examples of others like for the menu). You can override TitlePart.cshtml as an example.
- Shape templates and important view variables (e.g.
Context,Title,Model,User), T-strings - Writing editor and display shape templates, explaining Model object usage
- Ad-hoc shapes
- Notion of shapes, hierarchical rendering of shapes (demonstrate it with the call stack using the debugger, e.g. with
- Static resources: styles/scripts (how to include/require them) and resource manifests
Introduction
Time requirement
30 minutesDependencies
Getting started with theme development
- Placement.json
- Placement: shape name, zone, weight
- Matching (DisplayType, ContentType, Path)
- Reordering content part parts and fields from the admin
- See the official docs
- Approaches to building a new theme
- Top-down: how to convert an existing template/site build to an Orchard theme
- Bottom-up: building on top of an existing theme, using it as the base theme, how to create a new theme from a given design suite