Elementary is our baseline theme that is installed automatically with all new installations of Koken. The theme includes templates for every type of data output, so no matter what you're publishing this theme can handle it. Elementary looks great on its own, but is also a solid baseline for those looking to make customizations or style changes.
- Front page that displays featured content, albums and essays.
- Timeline template for viewing the latest albums, album updates, essays and individual image uploads on a single page.
- Extensive archival templates and links for browsing everything by tag, category and date.
- Full screen lightbox view from individual image pages.
- Pre-built black, white and gray styles.
- Responsive layout throughout that's compatible with all tablets and mobile devices.
- Social media share buttons for Twitter, Facebook, Pinterest, Tumblr and Google+.
- Custom header logo ready.
Elementary is Koken's default theme and is automatically installed with all new installations of Koken, so unless you need to reinstall the theme for some reason you should already have it. If you choose to use the theme for your site, here are the editable settings you'll find in the theme settings panel.
Elementary has three built-in color styles: "White" (default), "Black" and "Gray". These are editable through the Style select (shown below).
To fine-tune the colors in any of these styles to something more your liking, scroll to the bottom of the settings panel. There you'll find a Color section where every color used may be modified.
To replace the text current used to display your site title, switch Type to "Image" in the Site title section. Create your logo and upload the image to your web server or any plice you can link to, then enter the image's URL into the Image URL field. We recommend using absolute (http://) links, not relative (/) links. After that you should see your image as the site title.
Elementary's front page displays featured content, albums and essays. Featured content is displayed in a slideshow, which may be edited to your liking. Featured albums and essays display cropped images and text, both of which may be edited through the Template area of the settings panel, as shown below.
The albums page ("Albums" in the main navigation) displays all public albums in their manual order. Each album's thumbnail uses the primary cover (the first one) cropped to a 3:2 aspect ratio. If the crop on your images don't look great, assign a focal point to instruct Koken which area you'd like to keep. You can also change the aspect ratio of the crop and show/hide the text through the Template area of the panel.
When viewing an image or video by itself on the content page, a small thumbnail strip is displayed at top right. This allows you to move forward/backward to other images within the context of how the image is currently seen. By default three thumbnail images are displayed, but you can change this through the Template section of the settings panel. You can also change the opacity of all thumbnails except the one currently in view with the provided slider. They will automatically change to full opacity on mouseover, if edited.
Most published content include a menu to share the item elsewhere. The menu includes links to Twitter, Facebook, Pinterest (when an image), Google+, and Tumblr. Also included is a field containing the item's url should a visitor prefer to copy/paste the path.
All social media links spawn a new browser window to the service with pre-filled text and a preview image, if supported. Note that in the case of Twitter your @username will be included in the tweet if you've saved a username in Settings > Administrator inside the console.
Also included at the end of the menu is a link to download the image. This button only appears if an image has a maximum download setting. Uploaded images are set to "None" by default (for no downloading), but you may change this by selecting one or more images in the Library and editing the "Download" setting in the (right) Inspector column. The size you choose will be linked to from this button. If you would like to change the maximum download setting globally to affect all uploaded images, go to Settings > Uploading inside the console.
Those are all the major settings you'll find in Elementary. If you have any questions about the theme feel free to contact Koken support.
When you do publish your site, consider sharing it with us! We might include it on this page for others to check out. Simply click on "Examples" in the sub-navigation above and look for the share link box.