1 CMS
The outermost wrapper and your global CSS, shared by every page on the site.
It contains --TEMPLATE--, which is where the template gets
dropped in.
Your site is live
Welcome to TracedMethod CMS
This page is real content, rendered through a real template, wrapped in a real component. Edit any of it and watch which parts of the site change — that is the fastest way to learn how the pieces fit together.
2 Template
The chrome that repeats across pages — the header above and footer below
come from here. It contains --PAGE--, which is where this
page’s content lands. One template can serve any number of pages.
3 Page
The content unique to one URL — this text. Each page can pick its own template, and add its own CSS and JavaScript on top of the layers above.
4 Component
A reusable block with a shortcode. The footer on this page is one, pulled in
by --SITE-FOOTER--. Edit the component once and every page
that references it updates.
Shortcodes
Anywhere in your CMS, template, page or component HTML, wrap a name in double dashes and it gets replaced when the page is composed.
| Shortcode | Replaced with |
|---|---|
--TEMPLATE-- | The page’s template. Goes in your CMS HTML. |
--PAGE-- | The page content. Goes in your template HTML. |
--ANY-NAME-- | A component whose shortcode matches, anywhere at all. |
Components can contain other shortcodes — nesting resolves up to five levels deep, so a component can be built from smaller components.
Where to go next
- Pages — add a page, pick this template, and it inherits the header and footer automatically.
- Templates — change the chrome once and every page follows.
- Components — build a block once, reuse it by shortcode.
- Settings — set which page is home, add tracking, and go live.
Replace this page whenever you’re ready — it’s an ordinary page with nothing special about it.