单页制作教程 （DIY/左右边栏/标签选项卡）

本次教程相对于以前版本的单页制作教程的区别：
修复Discuz!X2单页DIY后无法保存的问题；

首先，单页包括该单页的php文件和该单页的模板（.htm）文件，比如：host.php、host.htm

普通单页的php文件内容如下：define('CURSCRIPT', 'test');
require './source/class/class_core.php';//引入系统核心文件
$discuz = & discuz_core::instance();//以下代码为创建及初始化对象
$discuz->init();
$navtitle = '标题';
$metakeywords = '关键词';
$metadescription = '描述';
include template('forum/host');//调用单页模版文件
?>这里需要注意的是，host为模板文件名，不需要加.htm扩展名，模板文件存放于默认风格目录下的forum目录；
单页的php文件存放于论坛根目录；

$navtitle = '标题'; 这一句是定义单页的标题，显示于浏览器顶部的网页标题
$metakeywords = '关键词'; 是单页的关键词信息
$metadescription 是单页的描述信息。

可DIY的单页PHP文件代码内容如下：define('CURSCRIPT', 'test');
require './source/class/class_core.php';//引入系统核心文件
$discuz = & discuz_core::instance();//以下代码为创建及初始化对象
$discuz->init();
loadcache('diytemplatename');
$navtitle = '标题';
$metakeywords = '关键词';
$metadescription = '描述';
include template('diy:forum/host');//调用单页模版文件
?>注：其中 loadcache('diytemplatename'); 为Discuz!X2对DIY这一块做的更新，DIY要载入缓存，所以以前X1.5的单页制作教程做出来的单页DIY会无法保存。DIY的单页模版文件，修改单页模版内容后需要更新缓存才能刷新出来。

php文件创建完毕，现在开始创建模版文件，基本代码如下：
普通单页的模版文件代码：

 

  $_G[setting][bbname]»
  $_G[setting][bbname]»
  $navtitle
 

 

  

   

这里是单页正文内容区域

   
  

 

可DIY的单页模版文件代码如下：

 

  $_G[setting][bbname]»
  $_G[setting][bbname]»
  $navtitle
 

 

  

   

这里是单页正文内容区域

  

 

其中

这段代码就是DIY区域的代码，之前X1.5的单页教程里面我们也讲到过，可以在单页的任意位置插入DIY区域，即：

注意：如果一个页面要插入多个DIY区域，注意修改上面DIY区域的编号ID，几个DIY区域的ID编号不能相同。
-------------------------------------------------------------------------------------

带有右侧边栏的单页模版文件代码：

 

  $_G[setting][bbname]»
  $_G[setting][bbname]»
  $navtitle
 

 

  

标题栏

  

   
  

这里是单页正文内容区域

   
  

 

 
  

 
  

   

    

公告栏

   

   

    

     这里可以放一些公告通知类的文字内容这里可以放一些公告通知类的文字内容这里可以放一些公告通知类的文字内容这里可以放一些公告通知类的文字内容这里可以放一些公告通知类的文字内容这里可以放一些公告通知类的文字内容
    

   

  

  
  

   

    

操作菜单

   

   

    

     
• 测试菜单一

     
• 测试菜单二

     
• 测试菜单三

     
• 测试菜单四

     
• 测试菜单五

     
• 测试菜单六

    

   

  

  
  

   

    

版权信息

   

   

    

     
• 作者：风乱流年

     
• 网站：www.discuzlab.com

     
• 版权：Discuz! Rescue Centre

    

   

  

  
 

 

带有左侧边栏的单页模版文件代码：

 

  $_G[setting][bbname]»
  $_G[setting][bbname]»
  $navtitle
 

 

  

标题栏

  

   
  

这里是单页正文内容区域

   
  

 

 
  

 
  

   

    

公告栏

   

   

    

     这里可以放一些公告通知类的文字内容这里可以放一些公告通知类的文字内容这里可以放一些公告通知类的文字内容这里可以放一些公告通知类的文字内容这里可以放一些公告通知类的文字内容这里可以放一些公告通知类的文字内容
    

   

  

  
  

   

    

操作菜单

   

   

    

     
• 测试菜单一

     
• 测试菜单二

     
• 测试菜单三

     
• 测试菜单四

     
• 测试菜单五

     
• 测试菜单六

    

   

  

  
  

   

    

版权信息

   

   

    

     
• 作者：风乱流年

     
• 网站：www.discuzlab.com

     
• 版权：Discuz! Rescue Centre

    

   

  

  
 

 

注意观察这个左侧边栏的模版代码和右侧边栏的模版代码，可以发现，代码其实都一样，只是更改一下CSS样式。