Complete page template example
Here's an example of ordinary page with all most common elements: HTML header, page title, navigation menu, editable body elements and a footer.
<html> <head> <title>{{ page.site_header }} - {{ page.title }}</title> <meta name="keywords" content="{{ page.keywords }}" /> <meta name="description" content="{{ page.description }}" /> {% stylesheet_link "style.css" %} {% rss_link %} </head> <body> <div id="header"> <h1>{{ page.title }}</h1> <ul id="menu"> <li><a href="{{ site.root_item.url }}">{{ site.root_item.title }}</a></li> {% for item in site.menuitems %} <li><a href="{{ item.url }}">{{ item.title }}</li> {% endfor %} </ul> </div> <div id="content"> <div id="body"> {% content %} </div> <div id="sidebar"> {% content name="sidebar" %} </div> </div> <div id="footer"> {% content name="footer" xpage="true" %} </div> </body> </html>
- Basics
- Variables
- Filters
- Components
- Localization
- Keyboard shortcuts
- Objects
- Article
- Asset
- Blog
- Comment
- Element
- Language
- Mediaset
- Menu item
- Page
- Person
- Site
- Tag
- Data
- Tags
- addbutton
- assign
- blogcontext
- case
- capture
- commentform
- content
- contentblock
- cycle
- editable
- elementscontext
- for
- grouped
- if
- ifchanged
- image
- include
- load
- login
- loginblock
- menuadd
- menubtn
- menulink
- reorder
- rss_link
- stylesheet_link
- unless
- xcontent
- Examples
- Creating a navigation menu
- Creating language selection
- Blog page example
- Blog article example
- Complete page example
- Breadcrumbs
- Standard theme definition
- Elements listing
- Element page
- Components