Sars' History

本頁是唯讀的，您可以看到原始碼，但不能更動它。您如果覺得它不應被鎖上，請詢問管理員。
====== 原始網址 ======
[[http://wiki.jalakai.co.uk/dokuwiki/doku.php/tutorials/addsidebar]]

http://wiki.jalakai.co.uk/dokuwiki/doku.php/tutorials/sidebar

===== How To: Add a Sidebar to an existing Template =====

//These instructions assume you have a basic understanding of php, html & css and understand how to successfully create your own Dokuwiki template.//

  - Copy the two sidebar files, //tplfn_sidebar.php// & //sidebar.css// in //template-sidebar-rc2006-09-28.zip//((http://wiki.jalakai.co.uk/dokuwiki/doku.php/start)), to your template folder.
  - Edit //tplfn_sidebar.php//, uncomment line 14~18, and modify content to you want.((額外需要的修改)) 
  - Make the following additions/changes to your template's //main.php// file:
    * Near the top of your template's main.php file and within the ''<?php ?>'' tags add the following:<code php>// include functions that provide sidebar functionality
@require_once('tplfn_sidebar.php');

// determine the sidebar class
$sidebar_class = "sidebar_{$conf['sidebar']['layout']}_{$conf['sidebar']['orientation']}";

</code>
    * Within the ''<head>'' element and adjacent to any existing style sheet ''<link>'' add the following line: <code html>  <link rel="stylesheet" media="screen" type="text/css" href="<?php echo DOKU_TPL; ?>sidebar.css" />
</code>
    * Change the ''<body>'' tag to <code html><body class="<?php echo $sidebar_class; ?>"></code>Note: If your ''<body>'' tag already has a class modify the ''body'' tag as to look similar to:<code html><body class="myclass <?php echo $sidebar_class; ?>"></code>. 
    * At the appropriate place within your template add the following line((網頁原本只寫 tpl_sidebar()，不過 tplfn_sidebar.php 裡面沒有這個函式 )) to display the sidebar: <code><div id="sidebar"><?php tpl_sidebar_content(); ?></div></code> The sidebar comes styled so that the above line can be placed between the closing ''</div>'' of ''div.content'' and ''<div class='clearer'>&nbsp;</div>''
  - alter the sidebar styles as desired.
Sars' History

使用者工具

網站工具

頁面工具
