theme_howto - Recent changes to theme_howto
http://wiclear.free.fr/feed.php?feed_type=rss_1&full_content=1&title=theme_howto&lang=en
theme_howto historytheme_howto
http://wiclear.free.fr/index.php?title=theme_howto&mode=history_view&lang=en&id=18
<h4>How to build a theme for Wiclear ?</h4>
<h3>Composition and location</h3>
<p>
A theme is composed of 1 file :
</p>
<ul>
<li> template.php
</li><li> optionally you can have a prepend.php file (For example if a plugin needs some custom activation like the wiki_blog plugin. See theme dokuwiki_blog as example)
</li></ul>
<p>
A theme must be placed in<br />
$wiclear/themes/theme_name
</p>
<p>
For example, the default theme is located into :<br />
$wiclear/themes/default/
</p>
<p>
Once a theme is installed, it is available in the admin panel. Simply choose it in the combo box and save the configuration. The whole site will switch to it.
</p>
<h3>What is template.php ?</h3>
<p>
This is just an html file that contains call to predefined wiclear php functions.
</p>
<p>
Usually, you will first define your layout, and inserts css id tags around the call to the different boxes available.
For example, default/template.php simply contains :
</p>
<pre> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<title><?php echo wiki_name;?></title>
<link rel="stylesheet" type="text/css" href="<?php echo $app_path;?>/themes/default/style.css" media="screen"/>
</head>
<body>
<div id="user_links"><?php echo userBox();?></div>
<div id="related">
<div id="sub_content"><p><?php echo tr("Sub nodes");?></p><?php echo subContentBox();?></div>
<div id="search"><?php echo searchBox();?></div>
<div id="change"><?php echo recentChangesBox();?></div>
</div>
<div id="main">
<div id="parent_content"><?php echo parentContentBox();?></div>
<div id="wiki_links"><?php echo wikiBox();?></div>
<div id="content"><?php echo contentBox();?></div>
<div id="comments"><?php echo commentBox();?></div>
</div>
</body>
</html>
</pre>
<p>
The different wiclear functions called : userBox, searchBox, recentChangesBox, wikiBox, contentBox, commentBox, parentContentBox, subContentBox creates xhtml output.
In your template.php file, you will tipically identify the locations of thoses boxes via css ids. The html created by wiclear boxes contains only css classes.
</p>
<p>
You are free to choose the name you want for your css file. Here, it is named style.css. But you can choose to break it in several parts. For example, on <a rel="nofollow" class ="offsite httplnk" href="http://nosicalanguage.free.fr">the new nosica site</a>, the css is broken into two parts : one for the layout (basically, the ids), and one for the what's left (fonts, relatives positions ...)
</p>
<p>
Currently, there is no list of css classes used. I guess I'd have to create a page for it.<br />
Basically,
</p>
<ul>
<li> user links (login, logoff, register, preferences) get a css id.
</li><li> wiki links (edit, add, comment, history ...) get a css id.
</li><li> other boxes use only classes
</li></ul>
<p>
The complete list of Wiclear functions available for themes is documented in the <a rel="nofollow" class ="offsite httplnk" href="http://wiclear.free.fr/doc/html/">doxygen documentation</a>. See <a rel="nofollow" class ="offsite httplnk" href="http://wiclear.free.fr/doc/html/group__template__functions.html">Functions available for user templates</a> as well as similar pages in plugins.
</p>2006-02-17T22:31:39+01:00David Jobettheme_howto
http://wiclear.free.fr/index.php?title=theme_howto&mode=history_view&lang=en&id=626
<h4>How to build a theme for Wiclear ?</h4>
<h3>Composition and location</h3>
<p>
A theme is composed of 1 file :
</p>
<ul>
<li> template.php
</li><li> optionally you can have a prepend.php file (untested so far)
</li></ul>
<p>
A theme must be placed in<br />
$wiclear/themes/theme_name
</p>
<p>
For example, the default theme is located into :<br />
$wiclear/themes/default/
</p>
<p>
Once a theme is installed, it is available in the admin panel. Simply choose it in the combo box and save the configuration. The whole site will switch to it.
</p>
<h3>What is template.php ?</h3>
<p>
This is just an html file that contains call to predefined wiclear php functions.
</p>
<p>
Usually, you will first define your layout, and inserts css id tags around the call to the different boxes available.
For example, default/template.php simply contains :
</p>
<pre> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<title><?php echo wiki_name;?></title>
<link rel="stylesheet" type="text/css" href="<?php echo $app_path;?>/themes/default/style.css" media="screen"/>
</head>
<body>
<div id="user_links"><?php echo userBox();?></div>
<div id="related">
<div id="sub_content"><p><?php echo tr("Sub nodes");?></p><?php echo subContentBox();?></div>
<div id="search"><?php echo searchBox();?></div>
<div id="change"><?php echo recentChangesBox();?></div>
</div>
<div id="main">
<div id="parent_content"><?php echo parentContentBox();?></div>
<div id="wiki_links"><?php echo wikiBox();?></div>
<div id="content"><?php echo contentBox();?></div>
<div id="comments"><?php echo commentBox();?></div>
</div>
</body>
</html>
</pre>
<p>
The different wiclear functions called : userBox, searchBox, recentChangesBox, wikiBox, contentBox, commentBox, parentContentBox, subContentBox creates xhtml output.
In your template.php file, you will tipically identify the locations of thoses boxes via css ids. The html created by wiclear boxes contains only css classes.
</p>
<p>
You are free to choose the name you want for your css file. Here, it is named style.css. But you can choose to break it in several parts. For example, on <a rel="nofollow" class ="offsite httplnk" href="http://nosicalanguage.free.fr">the new nosica site</a>, the css is broken into two parts : one for the layout (basically, the ids), and one for the what's left (fonts, relatives positions ...)
</p>
<p>
Currently, there is no list of css classes used. I guess I'd have to create a page for it.<br />
Basically,
</p>
<ul>
<li> user links (login, logoff, register, preferences) get a css id.
</li><li> wiki links (edit, add, comment, history ...) get a css id.
</li><li> other boxes use only classes
</li></ul>
<p>
More to come ...
</p>2004-12-21T13:50:29+01:00anonymous anonymoustheme_howto
http://wiclear.free.fr/index.php?title=theme_howto&mode=history_view&lang=en&id=108
<h4>How to build a theme for Wiclear ?</h4>
<h3>Composition and location</h3>
<p>
A theme is composed of 1 file :
</p>
<ul>
<li> template.php
</li><li> optionnaly you can have a prepend.php file (untested so far)
</li></ul>
<p>
A theme must be placed in<br />
$wiclear/themes/theme_name
</p>
<p>
For example, the default theme is located into :<br />
$wiclear/themes/default/
</p>
<p>
Once a theme is installed, it is available in the admin panel. Simply choose it in the combo box and save the configuration. The whole site will switch to it.
</p>
<h3>What is template.php ?</h3>
<p>
This is just an html file that contains call to predefined wiclear php functions.
</p>
<p>
Usually, you will first define your layout, and inserts css id tags around the call to the different boxes available.
For example, default/template.php simply contains :
</p>
<pre> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<title><?php echo wiki_name;?></title>
<link rel="stylesheet" type="text/css" href="<?php echo $app_path;?>/themes/default/style.css" media="screen"/>
</head>
<body>
<div id="user_links"><?php echo userBox();?></div>
<div id="related">
<div id="sub_content"><p><?php echo tr("Sub nodes");?></p><?php echo subContentBox();?></div>
<div id="search"><?php echo searchBox();?></div>
<div id="change"><?php echo recentChangesBox();?></div>
</div>
<div id="main">
<div id="parent_content"><?php echo parentContentBox();?></div>
<div id="wiki_links"><?php echo wikiBox();?></div>
<div id="content"><?php echo contentBox();?></div>
<div id="comments"><?php echo commentBox();?></div>
</div>
</body>
</html>
</pre>
<p>
The different wiclear functions called : userBox, searchBox, recentChangesBox, wikiBox, contentBox, commentBox, parentContentBox, subContentBox creates xhtml output.
In your template.php file, you will tipically identify the locations of thoses boxes via css ids. The html created by wiclear boxes contains only css classes.
</p>
<p>
You are free to choose the name you want for your css file. Here, it is named style.css. But you can choose to break it in several parts. For example, on <a rel="nofollow" class ="offsite httplnk" href="http://nosicalanguage.free.fr">the new nosica site</a>, the css is broken into two parts : one for the layout (basically, the ids), and one for the what's left (fonts, relatives positions ...)
</p>
<p>
Currently, there is no list of css classes used. I guess I'd have to create a page for it.<br />
Basically,
</p>
<ul>
<li> user links (login, logoff, register, preferences) get a css id.
</li><li> wiki links (edit, add, comment, history ...) get a css id.
</li><li> other boxes use only classes
</li></ul>
<p>
More to come ...
</p>2004-11-02T12:51:49+01:00David Jobettheme_howto
http://wiclear.free.fr/index.php?title=theme_howto&mode=history_view&lang=en&id=71
<h4>How to build a theme for Wiclear ?</h4>
<h3>Composition and location</h3>
<p>
A theme is composed of 1 file :
</p>
<ul>
<li> template.php
</li><li> optionnaly you can have a prepend.php file (untested so far)
</li></ul>
<p>
A theme must be placed in<br />
$wiclear/themes/theme_name
</p>
<p>
For example, the default theme is located into :<br />
$wiclear/themes/default/
</p>
<p>
Once a theme is installed, it is available in the admin panel. Simply choose it in the combo box and save the configuration. The whole site will switch to it.
</p>
<h3>What is template.php ?</h3>
<p>
This is just an html file that contains call to predefined wiclear php functions.
</p>
<p>
Usually, you will first define your layout, and inserts css id tags around the call to the different boxes available.
For example, default/template.php simply contains :
</p>
<pre> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<title><?php echo wiki_name;?></title>
<link rel="stylesheet" type="text/css" href="<?php echo $app_path;?>/themes/default/style.css" media="screen"/>
</head>
<body>
<div id="user_links"><?php echo userBox();?></div>
<div id="related">
<div id="sub_content"><p><?php echo tr("Sub nodes");?></p><?php echo subContentBox();?></div>
<div id="search"><?php echo searchBox();?></div>
<div id="change"><?php echo recentChangesBox();?></div>
</div>
<div id="main">
<div id="parent_content"><?php echo parentContentBox();?></div>
<div id="wiki_links"><?php echo wikiBox();?></div>
<div id="content"><?php echo contentBox();?></div>
<div id="comments"><?php echo commentBox();?></div>
</div>
</body>
</html>
</pre>
<p>
The different wiclear functions called : userBox, searchBox, recentChangesBox, wikiBox, contentBox, commentBox, parentContentBox, subContentBox creates xhtml output.
In your template.php file, you will tipically identify the locations of thoses boxes via css ids. The html created by wiclear boxes contains only css classes.
</p>
<p>
You are free to choose the name you want for your css file. Here, it is named style.css. But you can choose to break it in several parts. For example, on <a rel="nofollow" class ="offsite httplnk" href="http://nosicalanguage.free.fr">the new nosica site</a>, the css is broken into two parts : one for the layout (basically, the ids), and one for the what's left (fonts, relatives positions ...)
</p>
<p>
Currently, there is no list of css classes used. I guess I'd have to create a page for it.<br />
Basically,
</p>
<ul>
<li> user links (login, logoff, register, preferences) get a css id.
</li><li> wiki links (edit, add, comment, history ...) get a css id.
</li><li> other boxes use only classes
</li></ul>
<p>
More to come ...
</p>2004-10-11T16:40:31+02:00David Jobettheme_howto
http://wiclear.free.fr/index.php?title=theme_howto&mode=history_view&lang=en&id=42
<h4>How to build a theme for Wiclear ?</h4>
<h3>Composition and location</h3>
<p>
A theme is composed of 1 file :
</p>
<ul>
<li> template.php
</li><li> optionnaly you can have a prepend.php file (untested so far)
</li></ul>
<p>
A theme must be placed in<br />
$wiclear/themes/theme_name
</p>
<p>
For example, the default theme is located into :<br />
$wiclear/themes/default/
</p>
<p>
Once a theme is installed, it is available in the admin panel. Simply choose it in the combo box and save the configuration. The whole site will switch to it.
</p>
<h3>What is template.php ?</h3>
<p>
This is just an html file that contains call to predefined wiclear php functions.
</p>
<p>
Usually, you will first define your layout, and inserts css id tags around the call to the different boxes available.
For example, default/template.php simply contains :
</p>
<pre> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<title><?php echo wiki_name;?></title>
<link rel="stylesheet" type="text/css" href="<?php echo $app_path;?>/themes/default/style.css" media="screen"/>
</head>
<body>
<div id="user_links"><?php echo userBox();?></div>
<div id="related">
<div id="sub_content"><p><?php echo tr("Sub nodes");?></p><?php echo subContentBox();?></div>
<div id="search"><?php echo searchBox();?></div>
<div id="change"><?php echo recentChangesBox();?></div>
</div>
<div id="main">
<div id="parent_content"><?php echo parentContentBox();?></div>
<div id="wiki_links"><?php echo wikiBox();?></div>
<div id="content"><?php echo contentBox();?></div>
<div id="comments"><?php echo commentBox();?></div>
</div>
</body>
</html>
</pre>
<p>
The different wiclear functions called : userBox, searchBox, recentChangesBox, wikiBox, contentBox, commentBox, parentContentBox, subContentBox creates xhtml output.
In your template.php file, you will tipically identify the locations of thoses boxes via css ids. The html created by wiclear boxes contains only css classes.
</p>
<p>
You are free to choose the name you want for your css file. Here it is named style.css. But you can choose to break it in several parts. For example, on <a rel="nofollow" class ="offsite httplnk" href="http://nosicalanguage.free.fr">new nosica site</a>, the css is broken into two parts : one for the layout (basically, the ids), and one for the rest (fonts, relatives positions ...)
</p>2004-10-11T15:47:18+02:00David Jobet