Loading...
Skip to main content
Home Page
About
Marketplace
Sample page
Wishlist at dev site
Sitemap (Categories)
Tiki Customization
Creating a theme
Converting a Bootstrap theme
Contributing, sharing or selling
Customizing icons
Tips
Template Tricks
CSS Tricks
Feature Examples
Articles
Blogs
Calendar
Forums
FAQs
Trackers
Files
Links Directory
Wiki Pages
Find
History: Three Ways to Make a New Theme
View published page
Collapse Into Edit Sessions
Source of version: 10
«
»
!! File arrangements First, establish the basic file arrangement of your new theme. (See also ((Theme Options)) ). !!! First steps * Pick a name for the theme. Check the ''styles'' directory to make sure there's not an existing theme (i.e., *.css file) with the same name. * There is no authoritative register of Tiki theme names but, if you intend to share your theme, it would be good to check at themes.tikiwiki.org, mods.tikiwiki.org, and in the standard Tiki download package to make sure no theme already exists with the same name. !!! CSS file * Create a new CSS file with the theme name you chose and place it in the ''styles'' directory (like ''styles/newtheme.css''). (See ((CSS Overview)) for more details.) !!! Template (.tpl) files * If at all possible, you should try to use the default template (.tpl) files for your new theme, since having custom files makes it harder to update your theme when the default files are upgraded. But if your new theme does use its own variants of the default templates, create a sub-directory in the ''templates/styles'' directory and give it the same name as your theme (like ''templates/styles/newtheme''). * Copy any files that you want to modify from the ''templates'' directory or from an existing theme's templates directory to your theme's templates directory. ** For example, if your theme is a "fixed width" design not possible without a special tiki.tpl, such as a theme based on the Kubrick design, copy the files from ''templates/styles/kubrick'' (if Kubrick is installed, or copy from the Kubrick download package) to ''templates/styles/newtheme''. Otherwise use copies of default template files. See ((Template Overview)) for more details. ** Note: a theme will use the template files of another theme if its name is a hyphenated version of that theme. For example, if there is a theme named Simple that has its own template versions and you want to make a theme that uses those templates, then naming your theme something like simple-newtheme.css will cause your theme to use Simple's templates rather than the default ones. * Once its CSS file is in place, your new theme has been added to your site. If you go to the Look and Feel admin page or __User Preferences__ and check the drop-down menu for __Theme__, you'll find your theme listed. Of course, without changing the CSS and/or template files, the new theme will look unstyled or the same as the existing theme it is to be based on. See next: [tiki-index.php?page_ref_id=7|CSS Overview] and [tiki-index.php?page_ref_id=5|Template Overview]. !!! Related information !! Allow users to set the theme On __Admin > Look and Feel (Theme tab) (__Admin > Login__ prior to Tiki 3.0) you can activate __"Reg users can change theme"__. Once activated users can change their theme in their Preferences page under __My Tiki__ menu. Under [http://doc.tikiwiki.org/tiki-index.php?page=Modules|Modules] you can also activate the __switch_theme__ module which makes it very easy for any user to change themes. !! Using multiple themes on your Tiki site [http://www.doc.tikiwiki.org/tiki-index.php?page=Theme+Control] at doc.tikiwiki.or describes how to assign themes to * A Tiki category * A Tiki section * An individual Tiki object (i.e., an individual wiki page, blog, gallery, etc.) If you enable Theme Control, you will see a link to Theme Control in the Admin section of the application menu. User groups can also be assigned a specific theme. Check doc.tikiwiki.org for details. ''(from [http://doc.tikiwiki.org/tiki-index.php?page=Styles and Themes])''
History
Enable pagination
rows per page
HTML diff
Side-by-side diff
Side-by-side diff by characters
Inline diff
Inline diff by characters
Full side-by-side diff
Full side-by-side diff by characters
Full inline diff
Full inline diff by characters
Unified diff
Side-by-side view
HTML diff
Side-by-side diff
Advanced
Information
Version
Mon 13 of Feb, 2023 08:37 GMT-0000
Gary Cunningham-Lee
Replaced class card-default with card-primary and removed unnecessary HTML plugin.
18
Mon 13 of Feb, 2023 08:34 GMT-0000
Gary Cunningham-Lee
Updated panel class to card class; replaced Less link with SCSS link.
17
Tue 26 of Jan, 2016 08:45 GMT-0000
Gary Cunningham-Lee
Added tags.
16
Tue 26 of Jan, 2016 07:48 GMT-0000
Gary Cunningham-Lee
Updated for Bootstrap methods
15
Mon 20 of Apr, 2015 14:30 GMT-0000
Gary Cunningham-Lee
14
Mon 20 of Apr, 2015 10:03 GMT-0000
Gary Cunningham-Lee
Corrected Bootstrap customize URL.
13
Fri 03 of Apr, 2015 14:35 GMT-0000
Gary Cunningham-Lee
More details added.
12
Fri 03 of Apr, 2015 14:29 GMT-0000
Gary Cunningham-Lee
Updated with Tiki 14 information.
11
Sat 23 of May, 2009 05:03 GMT-0000
Gary Cunningham-Lee
10
Tue 27 of Jan, 2009 12:18 GMT-0000
Gary Cunningham-Lee
Some updating.
9
Thu 12 of Jul, 2007 03:57 GMT-0000
Marc Laporte
fix link
8
Mon 23 of Jul, 2007 14:05 GMT-0000
Gary Cunningham-Lee
7
Mon 23 of Jul, 2007 14:01 GMT-0000
Gary Cunningham-Lee
6
Thu 12 of Jul, 2007 03:57 GMT-0000
Marc Laporte
fix link
5
Mon 20 of Feb, 2006 03:47 GMT-0000
Gary Cunningham-Lee
Minor edits.
4
Mon 20 of Feb, 2006 03:46 GMT-0000
Gary Cunningham-Lee
MInor edits.
3
Mon 20 of Feb, 2006 03:13 GMT-0000
Gary Cunningham-Lee
Content clarified.
2
Fri 17 of Feb, 2006 07:04 GMT-0000
System Administrator
1
Select action to perform with checked...
Remove
OK
Layout
Stay on this page
Default
Single Container
Classic Bootstrap
Classic Tiki (3 containers - header, middle, footer)
Tikipedia
Latest Changes
Tiki_org_family_customizations_CSS
Included themes
Bootstrap component sets
Materia
Ohia
Themes
Making or Updating a Theme for Tiki 27
Updating a Theme for Tiki 26
BookStacked
Make an SCSS-Compiled Tiki Theme
...more
Subscribe to Tiki Newsletters!
Delivered fresh to your email inbox!
Don't miss major announcements and other big news!
Site Config
Site upgraded to branch 27x
Wed 24 of Apr, 2024 11:12 GMT-0000
Site upgraded to branch 26x
Wed 21 of Jun, 2023 09:45 GMT-0000
Site upgraded to branch 25x
Sat 12 of Nov, 2022 17:00 GMT-0000
Site upgraded to Tiki 23.x
Sat 24 of Jul, 2021 00:30 GMT-0000
Site upgraded to Tiki 20
Wed 29 of May, 2019 07:57 GMT-0000
We are now on Tiki 19.x
Fri 05 of Oct, 2018 10:02 GMT-0000
Shoutbox module removed
Thu 28 of Jun, 2018 07:01 GMT-0000
We are now on Tiki 18.x
Wed 02 of May, 2018 08:46 GMT-0000
Upgraded to Tiki 17.0
Wed 02 of Aug, 2017 08:19 GMT-0000