Install Elementary

Installation of this product requires an account with a registered installation of Koken. If you have an account, please sign-in. If you don't, create one here.

Okay

×
  • screenshot

    Albums index page. Editable thumbnail crop, size, titles and captions.

  • screenshot

    Individual pages for photos and videos.

  • screenshot

    Timeline view displaying all your most recently published content.

  • screenshot

    Built-in alternate black theme style.

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.

Notable features

  • 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.

Next: Usage

Usage

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.

Styles

Elementary has three built-in color styles: "White" (default), "Black" and "Gray". These are editable through the Style select (shown below).

Styles

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.

Site title

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.

Site title

Front page

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.

Site title

Albums

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.

Site title

Content

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.

Site title

Share menu

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.

Share menu

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.

Summary

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.

Version 1.7.2 Released 8 months ago

  • Added support for Google reCAPTCHA.

Version 1.7.1 Released 9 months ago

  • Fixed loading overlay preventing videos from being played.

Version 1.7.0 Released 10 months ago

  • Added support for Rating plugin.

Version 1.6.3 Released 1 year ago

  • Fixed limiting of favorites to just 4 items.

Version 1.6.2 Released 1 year ago

  • Fixed missing block quote color

Version 1.6.1 Released 1 year ago

  • Fixed duplicate favorites header.

Version 1.6.0 Released 1 year ago

  • Added Album download link.

Version 1.5.12 Released 1 year ago

  • Validate the site title's image URL
  • Add Built with Koken link to footer

Version 1.5.11 Released 1 year ago

  • Hiding Admin console notes from published sites
  • Remove legacy animated gif spinner

Version 1.5.10 Released 1 year ago

  • Updated Tumblr endpoint

Version 1.5.9 Released 1 year ago

  • Adding sidebar navigation setting.
  • Fixing essay text color on caption background.
  • Changeing loading icon to an Ellipsis & SVG.

Version 1.5.8 Released 2 years ago

  • Adding form styles to support Koken's new contact forms.

Version 1.5.7 Released 2 years ago

  • Allowing aspect ratio control over cropped image sizes on the album page.

Version 1.5.6 Released 2 years ago

  • Updating the loading spinner for use with retina displays.
  • Social media links in the footer now hidden on unlisted content pages.
  • Fixing the featured album cover links on the front page. Now link to the album pages as intended.

Version 1.5.5 Released 2 years ago

  • Removed optimize legibility CSS property due to Windows/Chrome problem.

Version 1.5.4 Released 2 years ago

  • Added settings to show/hide titles and captions on the single image/video page.

Version 1.5.3 Released 3 years ago

  • Fixing share and pagination link on the content page.

Version 1.5.2 Released 3 years ago

  • Adding topic link to page template.
  • Better Firefox (OS X) type smoothing in black/gray styles.

Version 1.5.1 Released 3 years ago

  • Fixing figure caption spacing in event-based templates.

Version 1.5.0 Released 3 years ago

  • Design updates and improvements all around.

Version 1.4.11 Released 3 years ago

  • Fix for embedded image sizing in essays and pages.
  • Added setting to hide/show map data on content page.
  • Added header for content page download link.

Version 1.4.10 Released 3 years ago

  • Added setting to hide share link on album page.
  • Timeline album event layout fix.
  • Wait spinner modifications to index slideshow to support swiping.

Version 1.4.9 Released 3 years ago

  • Adding support for 'read more' links in essays.

Version 1.4.8 Released 3 years ago

  • Upping max number of images on album pages to 100.
  • Adding support for the new koken:meta tag.

Version 1.4.7 Released 3 years ago

  • Fix album update event links in the timeline.

Version 1.4.6 Released 3 years ago

  • Added social media buttons to the footer

Version 1.4.5 Released 3 years ago

  • Added minimal-ui viewport option for nicer looking browser chrome in iOS 7.1 (iPhones only).

Version 1.4.4 Released 3 years ago

  • Updated essay social media metadata.
  • Added source link for imported items from Instagram and Vimeo.
  • Issue with hyperlinks in content captions breaking Tumblr share resolved.

Version 1.4.3 Released 3 years ago

  • Added Facebook and Twitter metadata to all templates lacking tags.
  • Resolving header float clearing which caused spacing issues on some pages.
  • Removed lang attribute from html to prevent translation issues.