长春网

标题: 如何在Discuz X2新建自定义单页面教程 [打印本页]

作者: xgnic    时间: 2013-3-30 07:04:51     标题: 如何在Discuz X2新建自定义单页面教程

Discuz论坛系统是一个伟大的产品,它让无数个不懂技术的人成为站长。而在论坛系统领域,Discuz也几乎占据了绝大部分的份额。遗憾的是,Discuz官方对于教程方面做得并不到位,例如一个很简单的问题,官方并未给出指导。就是如何在Discuz X2新建一个自定义的单页面呢。这个问题一直困扰着笔者,在网上搜索了大量的资料,付诸实践,但都以失败告终。然而,皇天不负有心人,今天笔者终于解决了这个问题,并测试成功。在这里,就分享给大家。
如何在Discuz X2新建一个自定义单页面呢?
首先建立一个php单页面,例如我在论坛的根目录建立一个媒体合作的php单页面media.php,然后输入以下代码:

<!–p define(‘CURSCRIPT’, ‘test’); require ‘./source/class/class_core.php’;//引入系统核心文件 $discuz = & discuz_core::instance();//以下代码为创建及初始化对象 $discu–>init();
loadcache(‘diytemplatename’);
$navtitle = ‘合作媒体’;
$metakeywords = ‘合作媒体’;
$metadescription = ‘合作媒体’;
include template(‘diy:forum/media’);//调用单页模版文件

然后在模板的文件夹下建立一个模板文件,例如我在模板文件夹下forum的子文件夹下建立一个媒体合作的htm模板文件media.htm,然后输入以下代码:
<!–{template common/header}–>
<div id="pt">
<div><a title="{lang homepage}" href="./">$_G[setting][bbname]</a><em>»</em>
<a href="forum.php">$_G[setting][bbname]</a><em>»</em>
<a href="javascript:;">$navtitle</a></div>
</div>
<div id="ct">
<div>
<div>
<p style="width: 300px; margin: 200px auto; text-align: center;">这里是单页正文内容区域</p>

</div>
</div>
</div>
<!–{template common/footer}–>
这样就大功告成了,是不是觉得很简单?当然,如果你想要新建的页面有DIY功能或者是需要加上侧边栏的功能,可以使用以下代码:
第一,可DIY功能:

<!–{template common/header}–>
<style id="diy_style" type="text/css"></style>
<div id="pt">
     <div>
         <a href="./" title="{lang homepage}">$_G[setting][bbname]</a><em>&raquo;</em>
         <a href="forum.php">$_G[setting][bbname]</a><em>&raquo;</em>
         <a href="javascript:;">$navtitle</a>
     </div>
</div>
<div>
<!–[diy=diy2]–><div id="diy2″></div><!–[/diy]–>
</div>
<div id="ct">
     <div>
         <div>
                   <p style="width:300px; margin:200px auto; text-align:center;">这里是单页正文内容区域</p>
                  </div>
     </div>
</div>
<!–{template common/footer}–>
第二,带有右侧边栏:
<div id="pt">
     <div>
         <a href="./" title="{lang homepage}">$_G[setting][bbname]</a><em>&raquo;</em>
         <a href="forum.php">$_G[setting][bbname]</a><em>&raquo;</em>
         <a href="javascript:;">$navtitle</a>
     </div>
</div>
<div id="ct">
     <div>
         <div>标题栏</div>
         <div>
              <p style="width:300px; margin:220px auto; text-align:center;">这里是单页正文内容区域</p>
                </div>
     </div>
            <div>
         <div>
             <div>
                 <h2>公告栏</h2>
             </div>
             <div>
                 <p style="line-height:25px;">
                     这里可以放一些公告通知类的文字内容这里可以放一些公告通知类的文字内容这里可以放一些公告通知类的文字内容这里可以放一些公告通知类的文字内容这里可以放一些公告通知类的文字内容这里可以放一些公告通知类的文字内容
                 </p>
             </div>
         </div>
         <div>
             <div>
                 <h2>操作菜单</h2>
             </div>
             <div>
                 <ul>
                     <li><a href="#">测试菜单一</a></li>
                     <li><a href="#">测试菜单二</a></li>
                     <li><a href="#">测试菜单三</a></li>
                     <li><a href="#">测试菜单四</a></li>
                     <li><a href="#">测试菜单五</a></li>
                     <li><a href="#">测试菜单六</a></li>
                 </ul>
             </div>
         </div>
         <div>
             <div>
                 <h2>版权信息</h2>
             </div>
             <div style="line-height:25px;">
                 <ul>
                     <li>作者:<a href="http://www.tanhaibo.net" target="_blank">Poly</a></li>
                     <li>网站:<a href="http://www.popcto.com" target="_blank">www.popcto.com</a></li>
                     <li>版权:POPCTO.COM</li>
                 </ul>
             </div>
         </div>
     </div>
</div>
<!–{subtemplate common/footer}–>






欢迎光临 长春网 (http://04316.com/) Powered by Discuz! X2