Recent changes
Wednesday November 04 2026
-
Module 1: Designs and the fallback chain Updated Markdown page
The first module of Theme design. Learners find the designs of an installation, read the design chain of a siteaccess, find the template behind any markup, and tell site designs from administration designs. 3 hours 10…
-
Lesson 1.2: Reading the design chain of a siteaccess Updated Markdown page
Learners read the design chain of a siteaccess with exp:ini (SiteDesign, AdditionalSiteDesignList, StandardDesign, DesignExtensions) and predict which file a template lookup will find. 45 minutes.
-
Lesson 1.4: Site designs and administration designs Updated Markdown page
Learners tell the public site designs from the administration designs (admin, admin3, admin4, admin4l, editor), read the admin chain, and try another administration design for their own session with the Interface tool…
-
Lesson 1.1: What a design is and where it lives Updated Markdown page
Learners find the design directories of an installation, name the five folders a design holds, and tell a design in design/ from one carried by an extension. 45 minutes.
-
Lesson 1.3: Which template wrote this markup? Updated Markdown page
Learners switch on template path comments for one siteaccess, find the template behind a piece of a page in the page source, read the override note in brackets, and switch the comments off again. 45 minutes.
-
Module 2: Templates, overrides and the pagelayout Updated Markdown page
The second module of Theme design. Learners create their own theme extension with the design extension wizard, extend its pagelayout, write an override and put the expensive parts of the frame in cache blocks. 4 hours 5…
-
Lesson 2.4: Cache blocks in a design Updated Markdown page
Learners explain why the pagelayout needs cache blocks, wrap their header menu in one with the right keys, see a publish refresh it, and find the bug of a block whose keys forget the user. 45 minutes.
-
Lesson 2.3: Overrides with override.ini Updated Markdown page
Learners read an override rule (Source, MatchFile, Subdir, Match), see the wizard's article override answer in the page source, write a second override for the line view of articles, and find both in the Template…
-
Lesson 2.2: The pagelayout, your site's frame Updated Markdown page
Learners read how a page is assembled, use the variables the pagelayout gets ($module_result, $site, $current_user), add a skip link and a breadcrumb to their own pagelayout, and check the file with eztemplatecheck. 60…
-
Lesson 2.1: Your own design extension Updated Markdown page
Learners create a theme extension with the design extension wizard (Setup > RAD), activate it, give one siteaccess the new design and see their own pagelayout draw the site. 60 minutes.
-
Module 3: Stylesheets and scripts through the packer Updated Markdown page
The third module of Theme design. Learners list their stylesheets and scripts in design.ini, see what the ezjscore packer does with them, learn the routine after a change, and make their theme ready for a Content…
-
Lesson 3.3: After a stylesheet change Updated Markdown page
Learners clear exactly the caches a stylesheet or script change needs (packer, template, template-block), use a hard reload instead of a version query, and know the one deploy command for a Velocity server. 30 minutes.
-
Lesson 3.1: Listing stylesheets and scripts in design.ini Updated Markdown page
Learners add a stylesheet and a script to their theme through design.ini (FrontendCSSFileList, FrontendJavaScriptList), load them with ezcss_load and ezscript_load, and ask for a file from one template with…
-
Lesson 3.4: A theme ready for a Content Security Policy Updated Markdown page
Learners explain what the shipped Content Security Policy allows, run their siteaccess in report-only mode, read a violation caused by an inline style, and replace inline code with classes, data attributes and script…
-
Lesson 3.2: The ezjscore packer Updated Markdown page
Learners explain what the packer does at each level, switch it off and on for one siteaccess to compare the page source, find the packed files on disk and read their names. 45 minutes.
-
Module 4: Styling the administration Updated Markdown page
The fourth module of Theme design. Learners learn the administration styling rules, build a dashboard block from the shared admin4 components, style it with tokens that work in dark mode, handle forced colors and right…
-
Lesson 4.4: Module and extension stylesheets Updated Markdown page
Learners decide where administration CSS belongs (core module stylesheet or extension stylesheet), name classes with one prefix, give a state an outline for forced colors, use logical properties and stacking tokens, and…
-
Lesson 4.5: The review checklist and the design tests Updated Markdown page
Learners review a partner's administration template and stylesheet with the code review checklist, check the page in light and dark mode at 1440 px and at 960 px with 200% zoom, and run the DB-less design tests. 45…
-
Lesson 4.2: Building with the shared components Updated Markdown page
Learners find the shared .a4-* components in admin4, and add a dashboard block to their extension whose template uses a table, badges, an empty state and a button without a line of its own CSS. 60 minutes.
-
Lesson 4.1: The administration styling rules Updated Markdown page
Learners explain why every administration design forbids inline CSS, list the seven styling rules and their documented exceptions, and find rule breaks in a sample template. 45 minutes.