History: Three Ways to Make a New Theme
Source of version: 3
Copy to clipboard
''(from http://doc.tikiwiki.org/tiki-index.php?page=Styles and Themes)''
{maketoc}
!! Creating a Custom Theme
Tiki themes control both the layout or structure of a site and its overall look. You can alter the position of elements on your Web pages (adding/subtracting components) ''and'' you can modify stylistic elements like color and font. Thus, by creating or modifying a theme, you can define:
* The application layout (basic structure)
* The presentation of elements in the layout (style)
!! File arrangements
^In Tiki discussions and descriptions, the terms ''style'' and ''theme'' are used pretty interchangeably, though there are places where one word is always used, such as ''styles'' in the file directory.^
First, establish the basic file arrangement of your new theme.
# 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.
# 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.)
# If your new theme uses customized 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 needed files from the ''templates'' directory or from an existing theme's templates directory to your theme directory.
** For example, if you are basing your new theme on moreneat, copy the files from ''templates/styles/moreneat'' to ''templates/styles/newtheme''. Otherwise use copies of default template files. See ((Template Overview)) for more details.
At this point, your new theme has been added to your site! If you go to __User Preferences__ and check the drop-down menu for __Theme__, you'll find your theme listed (e.g., ''newtheme.css''). Of course, without changing the CSS and/or template files, the new theme will look unstyled or the same as an existing theme.
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
Under __Admin > Login__ 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 super easy for any user to change themes.
!! Using multiple themes on your Tiki site
[http://tikiwiki.org/tiki-index.php?page=ThemeControlDoc |ThemeControlDoc] 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.
History
| Information | Version | |||||
|---|---|---|---|---|---|---|
| Mon 13 of Feb, 2023 08:37 UTC Gary Cunningham-Lee Replaced class card-default with card-primary and removed unnecessary HTML plugin. | 18 | |||||
| Mon 13 of Feb, 2023 08:34 UTC Gary Cunningham-Lee Updated panel class to card class; replaced Less link with SCSS link. | 17 | |||||
| Tue 26 of Jan, 2016 08:45 UTC Gary Cunningham-Lee Added tags. | 16 | |||||
| Tue 26 of Jan, 2016 07:48 UTC Gary Cunningham-Lee Updated for Bootstrap methods | 15 | |||||
| Mon 20 of Apr, 2015 14:30 UTC Gary Cunningham-Lee | 14 | |||||
| Mon 20 of Apr, 2015 10:03 UTC Gary Cunningham-Lee Corrected Bootstrap customize URL. | 13 | |||||
| Fri 03 of Apr, 2015 14:35 UTC Gary Cunningham-Lee More details added. | 12 | |||||
| Fri 03 of Apr, 2015 14:29 UTC Gary Cunningham-Lee Updated with Tiki 14 information. | 11 | |||||
| Sat 23 of May, 2009 05:03 UTC Gary Cunningham-Lee | 10 | |||||
| Tue 27 of Jan, 2009 12:18 UTC Gary Cunningham-Lee Some updating. | 9 | |||||
| Thu 12 of Jul, 2007 03:57 UTC Marc Laporte fix link | 8 | |||||
| Mon 23 of Jul, 2007 14:05 UTC Gary Cunningham-Lee | 7 | |||||
| Mon 23 of Jul, 2007 14:01 UTC Gary Cunningham-Lee | 6 | |||||
| Thu 12 of Jul, 2007 03:57 UTC Marc Laporte fix link | 5 | |||||
| Mon 20 of Feb, 2006 03:47 UTC Gary Cunningham-Lee Minor edits. | 4 | |||||
| Mon 20 of Feb, 2006 03:46 UTC Gary Cunningham-Lee MInor edits. | 3 | |||||
| Mon 20 of Feb, 2006 03:13 UTC Gary Cunningham-Lee Content clarified. | 2 | |||||
| Fri 17 of Feb, 2006 07:04 UTC System Administrator | 1 | |||||