西门的后花园

一个热爱网络的年轻人的博客

教你打造属于自己的Discuz!-home页

以前还以为Discuz!的home页有多么复杂呢,网上下载后,还要安装,安装后还要修改,麻烦死了。其实自己会做了后,真是小菜一碟,不信?只要你会写页面,你就能打造一个漂亮的home页哦!接下来跟着西门一步一步的操作吧!

首先在Discuz!的根目录,找到index.php,复制该文件后把副本改名为default.php。然后到后台–全局–站点信息–首页文件名:default.php。这样你论坛的首页就变成了default.php页面,而原来的index.php页面呢,接下来我们就要把他打造成home页啦!

打开刚刚的index.php页面,找到第23排代码:

require_once DISCUZ_ROOT.'./include/index_classics.inc.php';

修改为:

require_once DISCUZ_ROOT.'./include/index_ons_classics.inc.php';

修改好文件名后,打开论坛根目录下的include目录,找到index_classics.inc.php文件,复制该文件后把副本改名为index_ons_classics.inc.php,一定要和上面对应!

打开刚刚的index_ons_classics.inc.php页面,找到第271行,也就是最后,把discuz改成ons。

include template('ons');

打开论坛根目录下的templates/default,找到discuz.htm文件,复制该文件后把副本改名为ons.htm,也是和上面对应。然后再在这个目录下面新建ons_header.htm和ons_footer.htm两个文件。

打开ons.htm,去掉中间的所有代码,只留前后两句:

{subtemplate header}
{subtemplate footer}

把这两句改成:

{subtemplate ons_header}
{subtemplate ons_footer}

一定要和上面新建的htm文件对应名称。

我相信你已经设计好了一个非常漂亮的home页了吧?假如说你写的代码主要分三个div,header、container、footer,请先将container这个大div的内容复制到ons.htm上面那两句的中间。然后把footer这个div的内容加上最下面的所有代码,复制到ons_footer.htm里。同理,把header这个div的内容加上去全部的内容(包括!DOCTYPE、html、head、meta、title等等)复制到ons_header.htm里面。这时你之前写的home页的html代码就都分配到这三个htm文件了。

回到论坛后台–工具–数据调用–添加–主题列表,模板名称那里填“ons_最新文章”,大框里面填写:

  • {subject}
  • 然后点“预览”,上面就应该能显示出10条最新的帖子了。复制最上面的“内部调用”里的代码:

    {eval request('ons_最新文章');}
    

    然后点保存(这个很爱忘记的)。把复制的调用代码粘贴到刚刚ons.htm里面相应的位置,这样就大功告成了。然后点工具–更新缓存。

    打开浏览器,输入网址/index.php,这个时候就是你亲手的home页了,所有数据都是调用论坛的,是不是很有成就感呢?

    下面是我边写这篇教程,边在本地安装的Discuz!7.2论坛的效果,home页:

    home页

    点击home页上的链接,打开论坛对应的帖子:
    Discuz帖子

    我的ons_header.htm代码:

    
    
    
    
    ons
    
    
    

    ons.htm代码:

    {subtemplate ons_header}
    
    
      {eval request('ons_最新文章');}
    {subtemplate ons_footer}

    ons_footer.htm代码:

    
    
    

    强调两点,一是此方法不适用gbk版本的Discuz!7.2不知道为什么,反正就是调用不出来数据,等我知道了再来解释。我在主机还有本地都测试了,只有utf-8的有效。二是为什么数据调用那里名字要取成“ons_最新文章”?看下图就知道了,通俗点就是可以折叠起来,方便管理。

    数据调用名字

    评论已关闭

    分类目录