History: Three Ways to Make a New Theme

Source of version: 16 (current)

!! Naming the theme
Pick a name for the theme, which will be the name of the theme's style sheet file. Check in the ''themes'' directory of the Tiki installation to make sure there isn't already a theme there with the same name (for example, ''themes/newtheme/css/newtheme.css file''). 

There is no authoritative register of Tiki theme names but, if you intend to share or distribute your theme, it would be good to check at themes.tiki.org and in the standard Tiki download package to make sure there won't be a name conflict.

!! Choosing the way to do it
There are at least three ways to make or adapt a theme for Tiki - a simple way, a way that's not quite as simple, and a way that's a little more involved.

{DIV(class="row")}{DIV(class="col-sm-4")}{DIV(class="panel panel-default")}{DIV(class="panel-body")}1 ((Link to a Bootstrap.css File for a New Theme)) {DIV}{DIV}{DIV}
{DIV(class="col-sm-4")}{DIV(class="panel panel-default")}{DIV(class="panel-body")}2 ((Add a Style Sheet to the Themes Directory)) {DIV}{DIV}{DIV}
{DIV(class="col-sm-4")}{DIV(class="panel panel-default")}{DIV(class="panel-body")}3 ((Make a Less-Compiled Tiki Theme)) {DIV}{DIV}{DIV}
{DIV}

{DIV(class="panel panel-default")}{DIV(class="panel-heading")}
{HTML()}<h3 class="panel-title">See also:</h3>{HTML}{DIV}
{DIV(class="panel-body")} [tiki-index.php?page_ref_id=7|CSS Overview] and [tiki-index.php?page_ref_id=5|Template Overview] {DIV}{DIV}

Switch Theme

Layout

Latest Changes

...more

Subscribe to Tiki Newsletters!

Delivered fresh to your email inbox!

Don't miss major announcements and other big news!

History: Three Ways to Make a New Theme

Source of version: 16 (current)

Switch Theme

Layout

Latest Changes

Subscribe to Tiki Newsletters!

Site Config

Switch Theme

About Tiki

Support

Community

Documentation

Development

Legal

Tiki Project Sites

Networks