Ready to build your own theme? Fantastic. Here are some things you should know before doing so.
All sites are published using themes. Even if you are building a one-of-a-kind site for yourself or a client, you need to package the site as a theme.
Lens templates are the HTML documents used to publish pages. There is one template for each type of data. Lens templates are filled with your own HTML markup plus Lens variables and tags to display data. All content in Koken has its own designated template. Developers may create custom templates for advanced publishing options.
Settings are user editable controls to modify your theme's appearance. Settings are purely optional, but are helpful when used in themes intended for the general public.
A navigation group is a list of editable hyperlinks that comprise a web site's navigation. Every site's main navigation is defined using Koken's built-in "primary" navigation group. Theme authors may define additional navigation groups to display links in side columns, the footer, or anywhere you need user editable links.
Web sites today are viewed across a wider array of screen sizes than anytime before. To accommodate, many web designers create fluid (or "responsive") page layouts for their sites. Publishing media for fluid layouts has always been a challenge, but Koken makes it simple. All images, videos and slideshows are published (by default) at sizes dictated by their container elements. Koken then monitors window adjustments in real time and supplies alternate media sizes if necessary. This allows you to publish top-quality images at the lowest possible file sizes across all layouts with a single template tag.
Lazy loading, keyboard scrolling
No need to code your own! Koken provides built-in image "lazy loading" (where images are only loaded when scrolled into view) and keyboard scrolling to enhance web site content browsing. See <koken:img> and <koken:keyboardScroll> for more.
To help you get started we've built a basic theme named Blueprint. This theme isn't intended for actual use, but rather for demonstrating how Lens templates and tags function. Feel free to pick Blueprint apart and use it as a reference when creating your own theme.
Those are the ropes! Ready to build a theme? Read up on how to build one.