OxyGen Is the store's most versatile and customizable theme yet it displays all your Koken content -- albums, sets, images, videos, pages and essays -- and features a wide array of layout and style controls. OxyGen has everything you need to present your work and words online.
- Responsive layout that adapts to all screen sizes and devices.
- Front page slideshow displaying your content from either: Featured content, Featured albums or Favorites.
- Extended front page, OxyGen´s front page can be extended to also show case the latest content from various sections of your site. These sections are: Recent essays, the latest albums, latest content, recent favorites and recent featured content.
- OxyGen comes shipped with a built in image protection that will safeguard and helps prevent image copying by disable right clicking and dragging to desktop
- OxyGen includes three different menu options that can be selected from the settings pane.
- Essay and pages headers include a banner image of the featured image on that particular page or essay.
- Essay aside: Optional sidebar that presents related content. Each section can be enabled individually.
- Essay pagination: At the bottom of each essay are next and previous links for easy navigation between essays.
- Album covers: Choose from three different headers for your album listing: one plain text and one displaying the cover image of the album or hide it altogether.
- Image geolocation: A link to a map overlay will be shown if images contain geolocation data.
- Footers: There are three different footer designs to choose from!
- Album downloads: OxyGen supports album downloads.
- Timeline displaying your most recently published images, videos, essays and collections.
- Tag and category templates for browsing archival content.
- Custom logo support for site title.
- Natural swipe navigation for slideshows when viewed on touch-enabled devices like tablets and smartphones.
Customizable colors, typefaces and more.
All 3.0 theme updates are free.
Technical support for themes and plugins is the responsibility of the item's author. Koken accepts no responsibility for supporting items authored by third parties.
OxyGen looks great right out-of-the-box without any customization, but chances are you'll want to adjust its appearance to make it more your style. So, we have include a wide range of editable settings for those who'd like to tweak the theme more to their liking. Like all Koken themes, edits to OxyGen's layout, typography, color and everything else is handled through an integrated settings panel that requires no coding or HTML experience.
OxyGen is white with black text by default, but you can change this how ever you want throughout the the entire theme.
To fine-tune these colors more to your liking, scroll to the bottom of the panel until you reach Color. Editable color swatches are provided here for you to make edits.
Every aspect of OxyGen is customizable via the theme settings panel: If for any reason you need to revert back to the standard white and black, you can do this by selecting "Soft white" from the "Style" dropdown.
This sets the default language for your public site.
The first thing you'll probably want to edit is the title of your site. This is controlled by "Site title", in the settings panel. The title is displayed as text by default, which you can customize by selecting a different typeface or applying different type styles. If you'd like to display an image instead, switch Type to "Image" or "Combi". The panel will update to show options for images (see below).
Create your logo and upload the image to your web server or any place you can link to, then enter the image's URL in the Image URL field. We recommend using absolute (http://) links, not relative (/) links when assigning a URL. After that you should see your logo in the page.
This option gives you your logo on the front page: and then switches to a combination of text and logo on the other pages.
Create a smaller version of your logo (works best if this version has a scaling of 1:1), upload it to the same place where you placed the logo.
Then enter the image's URL in to the "Combi URL" field.
Here it's important that you do not use a relative URL: use the absolute (http://) url to the image.
Note: if you leave the "Combi URL" empty, OxyGen will use just your ordinary text Site title".
OxyGen comes with four different menu alternatives to choose from!
All are highly customizable down to font size, color, and placement.
The regular menu is your standard "Fly out" menu style.
This is the more traditional way of showing your nav links at the top of the page
Slide in right/left
Gives you hidden vertical menus which become visible when clicking on the "Menu" icon.
This option also incorporates support for nested sets.
This is unchecked by default. Set links displays a page which contains the albums and sets inside the set. Check this option, and the behavior will change in that child albums and sets appear underneath the set link in navigation. The child links are offset a bit to distinguish them from other links, which you can edit with the nested indent slider.
Note: When using nested sets, make sure you click "add", next to each album/set inside the set in the "Add links" window. Otherwise the set link won't display any child links.
OxyGen includes three(!) "Splash" sources for displaying full screen slideshows of featured content. They're intended to be used for the front page of your site to provide visitors with an introductory overview of your best work.
Display your sites tagline on your splash page. OxyGen allows you to show it in three different positions and enables you to customize the appearance. By setting a page ID of one of your pages you can display the text and link to the page.
Displays images marked as featured in the Library. Drag/drop images onto "Featured" at the top of the Library's left column to add. This slideshow advances through images when clicked.
Displays albums marked as featured in the Library. Drag public albums from the left or middle columns onto "Featured albums" to add. This slideshow displays a featured album's content when clicked.
Displays images marked as favorites in the library. Drag/drop images onto "Favorites" at the top of the Library's left column to add.
To change the slideshow's speed, as well as other slideshow attributes, click the "gear" icon at the top right side of the UI.
This shows a set of next/previous arrows in the middle of the splash page. If the source contains more than one image, they are hidden automatically.
Shows a set of featured/legal links in the lower right side of the splash page. These links are visible solely on this page.
OxyGen now comes with a fully customizable sidebar that displays related tags, categories, topics, featured and recent essays. <br>All of the different parts can be disabled at will through the theme settings panel.
At the bottom of each essay you will also find a navigation bar that displays the previous/next essays title, excerpt and featured img. <br>As usual with OxyGen You are in charge of what you want to display here too!
OxyGen comes with a timeline that is fully customizable by you!
You now have the options to display the output for newly created albums as:
- As a slideshow
- As a grid (Default)
- Cover only
For updated albums you have the options:
- As a slideshow
- As a grid (Default)
- The old way, as a list
OxyGen comes with three different footer options for you to choose from.
The default is to show no footer at all, but you can change this to either "Small footer" or "Big footer"
This option gives a minimal footer that displays your contact information and copyright, together with social links, essay's and RSS feed.
The contact info and copyright can be given a "Page Id" that can point to your contact form and a page that contains your copyright information.
This page id can be obtained by visiting: Admin->Text->Pages and then click on the page you want to link to. In the upper right corner you will have "Properties" This is where you will see the ID.
Here we give you a "full blown corporate style" page footer
You gain all the options from above, plus an extra set of footer links that you can assign in the FOOTER navigation group.
This also gives you further social link options to use such as 500px, Instagram and Pinterest.
Note: The user information for Facebook, Twitter and Google+ is automatically taken from: Admin->Settings->Administrator
If you haven't set anything there, these options will not show on the page.
This option is for the admin who wants to use images as "Editorial resources" that will not be included in the Portfolio.
These can be images that you want to use as "header banners" or images that are used inside of pages and/or essays.
Enabling this option and giving said images a category set here, will hide them from public view, but they will still be seen in the pages or essays.
The excellent PhotoSwipe plugin from Daniel Mullner has the option to show both a simple as well as a more complex caption when viewing images.
Here, you can choose to enable this, without the need to edit a .lens file yourself.
OxyGen Server Side Includes
You can now use Server Side Includes inside pages of OxyGen, this option can be enabled at the bottom of the theme settings panel "Misc".
With this option enabled you will be able to insert:
custom_file.html can contain any code that you would have included in the page: i.e. a poll or similar.
Those are all the major settings you'll find in OxyGen, but there are plenty more to show/hide page elements, crop images, assign lightbox links and more. If you have any questions about the theme feel free to contact OxyGen 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.
- Bjarne Varöystrand
- Christopher Bayer
Proof reading and test pilot
- Douglas Bain
Bug hunting and testing
- Mike Costello
- Daniel Muller
- Michael Kuhlmann
- Christian Muellner
- Ingmar Wein
- Patrick Visser
- Grímur Guðmundsson
- Anki Sandinge
- Icelandic: Grímur Guðmundsson
- Dutch: Ilco Everraert and Toine Repiuk
- French: Sylvain Deloux
- German: Gerd Rösser
- Greek: Nick
- Polish: Marek Durajczyk
- Russian: Anna Ozeritskaya
- Hungarian: Béla Nagy
The original norma design
- Credit goes to John Elgenstierna for ideas and initial design of norma that we forked.