History: Theme Components

View published page Collapse Into Edit Sessions

Source of version: 4

!! Setting up the studio
Roughly speaking, Tiki pages are created with three kinds of files -- .php files for page presentation logic, template (.tpl) files for page structure layout, and cascading style sheet (.css) files for visual and other style details. The .php files generally don't need to be touched. The theme designer needs to be concerned only with a CSS file and maybe one or more template files.

!! Stretching the canvas
The template files create the frame on which the style canvas is stretched. The perimeter of this frame is ''tiki.tpl'', which calls page-region-specific template files as needed -- ''tiki-site_header.tpl'' across the top, ''tiki-bot_bar.tpl'' at the bottom, and others in the mid section depending on the site section being displayed.

^In Tiki discussions and descriptions, the terms ''style'' and ''theme'' are used interchangeably, though there are places where one word is always used, such as ''styles'' in the file directory.^

Theme-specific template files (in the ''templates/styles/newtheme/'' directories) have priority over the default template files (in the ''templates/'' directory). If a particular theme is intended to be a two-column design, for example, with the right column modules stacked under the left column modules, then a modified version of ''tiki.tpl'' is put in that theme's templates directory, and Tiki uses it rather than the default version. For ease of installation updating, custom templates are not encouraged. 

{DIV(float=>right)}(:arrow:) [tiki-index.php?page_ref_id=5|Templates Overview]{DIV}

!! Applying the paint
The template files contain CSS selectors to enable styling of page details. (A few selectors are found in non-template files as well.)

It is possible to create a new Tiki theme using only a new style sheet and no new template files if the default page layout is compatible. The mozilla, lesjetesdelencre, fmsc, tikineat and other bundled themes don't use custom templates, for example.

Of course a theme may need graphic files for backgrounds, etc. These are stored in a ''styles/newtheme/'' directory.

{DIV(float=>right)}(:arrow:) [tiki-index.php?page_ref_id=7|CSS Overview]{DIV}

History

Enable pagination rows per page

Advanced

Information	Version
Mon 15 of Feb, 2016 12:10 GMT-0000 Jean-Marc Libs	5
Tue 27 of Jan, 2009 12:20 GMT-0000 Gary Cunningham-Lee A little updating,	4
Thu 23 of Feb, 2006 05:03 GMT-0000 Gary Cunningham-Lee Links added, copy edited.	3
Thu 23 of Feb, 2006 02:28 GMT-0000 Gary Cunningham-Lee Content added.	2
Fri 17 of Feb, 2006 02:41 GMT-0000 system created from structure	1

Layout

Latest Changes

...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 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
Upgraded to Tiki 15.0alpha
Tue 08 of Mar, 2016 13:34 GMT-0000

History: Theme Components

Source of version: 4

History

Layout

Latest Changes

Subscribe to Tiki Newsletters!

Site Config

Switch Theme

About Tiki

Support

Community

Documentation

Development

Legal

Tiki Project Sites

Networks