Layout Advanced - weisflog.info

As described in the LayoutBasics page, HTML based templates can be used to customize the layout and appearance of Wiki pages. Template files can include links to external stylesheets (.css files). This page explains how template files are processed and how CSS files are included.

Templates: Directives and Variables

HTML comments can be included in templates, for example: . Some comments work as directives that have special significance. There are no spaces between the comment delimeters and the keywords; that is,  is valid, but  is not. Available directives and variables are:

: This indicates where the content of the current Wiki page should be inserted.
: This directive allows PmWiki to insert appropriate meta tags into the <head> section of the HTML output (used to control indexing by search engines). PmWiki will also check for the existence of relevant CSS files in pub/css; $Group.css and $Group.$Name.css will be included here if they exist.
Include a Wiki page : Use this type of directive to include a Wiki page. For example, if you have a sidebar, you could include it using .
Call a PHP function : You could use this to call a function you defined in your local/config.php which may print out different text based on, say, the current page or group. The function receives full page name (ex. PmWiki.LayoutAdvanced) and the text following function name (which is optional and can be omitted).
 directives: A directive in this form (ie. starting with "Page" and ending with "Fmt") indicates the beginning of a section of the template. The section that follows is placed in a variable by the same name. For example,  indicates the start of a footer which is stored in the $PageFooterFmt variable. The section continues until the next  directive, or the end of the file. It is also possible to indicate the end of a section using . Note that, by default, only $PageHeaderFmt, $PageFooterFmt and $PageTitleFmt are included in the output when a WikiPage is viewed. Other variables can be defined and used, but they will only appear in certain situations. For example,  can be used to define a section that only appears when the Edit action is in use (ie. a page is being edited).
Including variables: PHP variables are evaluated when PmWiki processes a template file. For example, you can insert a logo using $PageLogoFmt, or create an Edit Page link using <a href='$PageUrl?action=edit'>$[Edit Page]</a>

CSS Files: Controlling Page Style

(Note: this is a first attempt at describing CSS within PmWiki - still needs work!)

CSS rules can come from any of the following sources:

   1. CSS rules in the $HTMLStylesFmt array (modules and cookbook recipes)
   2. <link> and <style> tags placed in $HTMLHeaderFmt by 
      site/page/group config.php entries and cookbook recipes
   3. <link> and <style> tags placed in $HTMLHeaderFmt by 
      skin customizations
   4. pub/css/local.css
   5. pub/css/$Group.css
   6. pub/css/$Group.$Name.css
   7. <link> and <style> tags specified in the skin's .tmpl file

By default, items 1-6 above occur in the order given above, and are placed in the output at the point where  appears in the .tmpl file. For item 7, the order (and thus priority) of <link> and <style> tags in the .tmpl file relative to 1-6 depends on where the skin author places them relative to .

For any CSS rules that have the same weight (i.e., importance and specificity), the one that occurs latest in the HTML output always wins. So, for example, if a skin template says

   <link rel='stylesheet' type='text/css' href='$SkinDirUrl/myskin.css' />
   <!--HeaderText-->

then the rules specified in 1-6 above will override any equivalent-weight rules from myskin.css. Thus, an administrator could use pub/css/local.css to override any of the defaults, whether they come from PmWiki, a cookbook script, or a skin. However, if the tags are in reverse sequence

   <!--HeaderText-->
   <link rel='stylesheet' type='text/css' href='$SkinDirUrl/myskin.css' />

then any rules given in the myskin.css stylesheet will override any equivalent-weight rules from 1-6 above. And, of course, the .tmpl file can sandwich stylesheets around :

  <link rel='stylesheet' type='text/css' href='$SkinDirUrl/sheet-1.css' />
  <!--HeaderText-->
  <link rel='stylesheet' type='text/css' href='$SkinDirUrl/sheet-2.css' />

In this case, the administrator can easily override the settings in sheet-1.css via the mechanisms listed in 1-6 above, and sheet-2.css can override the administrator's settings.

The above glosses over a few details -- such as the fact that those rare entries to $HTMLHeaderFmt by markup and action handlers will typically show up after item 6, and that it's possible for a local customization (or skin or cookbook script) to completely change the sequence to be something else, but this is how things "normally work".

Category: Skins

<< | PmWiki.DocumentationIndex | >>

This page may have a more recent version on pmwiki.org: PmWiki:LayoutAdvanced, and a talk page: PmWiki:LayoutAdvanced-Talk.

weisflog.info opinionate!

Templates: Directives and Variables

CSS Files: Controlling Page Style