您现在的位置: 万盛学电脑网 >> 程序编程 >> CMS教程 >> 正文

DiscuzX系统DIY专题、频道制作图文教程

作者:佚名    责任编辑:admin    更新时间:2022-06-22

class="area">

频道是将门户信息分类展示的形式,一个社区除了门户、广场、群组、家园与应用等核心功能外,还可以根据运营需要开设婚嫁、房产、汽车等频道。专题是服务于集中报道和深度报道的一种展现形式,集中体现某项热点事件。论坛中创建频道、专题的位置, 分别如图所示:
频道创建:

专题创建:

按照后台的提示添加频道和专题模块!创建后的频道和专题是没有很强的展示效果的或者只能按照给定的方式进行展示。如果想对这两个模块进行个性化丰富制作就需要通过前端静态页面结合论坛 DIY 功能进行制作。

DIY 专题, 频道的制作开发

以下以家居频道为例把制作好的页面转换成频道页面

  1. 如下图:图片文件夹、CSS 文件夹、其它文件或图片文件夹、一个 HTML 页面.
  2. 下页是制作好的效果图:
  3. 接下来, 我们就把这个页面转换成DIY页面 
    首页我们用编辑工具打开 index.html 页面 
    我们为了能够使用统一的头部样式, 这里面我们引入系统内置的头部文件(header)把页面中的关于头部的信息删除 
    如下图所示:
  4. 把系统头部(header)引入进来 
    如下图所示:
  5. 给新的模板起个名字, 如下代码:

    如下图所示:
  6. 接下来增加可供 DIY 的 CSS 样式表
    如下代码

    如下图所示:
  7. 接下来更换底部代码, 找到底部代码删除掉换成系统内置的通用底部代码, 如下图所示:

    增加如下代码
    如下图所示:
  8. 到此基本改造完成 接下来我们把改造好的文件放在系统目录中去
    首先我们把 index.html 文件改名
    把 index.html 改成list_home.htm 此处一定要注意 频道模板必须以 list_ 开头, 后缀名为 .htm 
    把改好名的 list_home.htm 文件拷贝到 template\default\portal 目录下
    同时在 template\default\portal 目录新建一个 home 文件夹 用来放家居频道的图片及样式表

    此时复制 原来的文件夹 到template\default\portal 目录的home文件夹 如下图所示:
  9. 接下来 用编辑器打开 list_home.htm 文件引入样式表文件
    代码如下

    如下图所示: 
  10. 同进查找把其它用到的图片标签全替换成 template/default/portal/home/ 这个目录下就可以了
    接下来 我们进入后台创建一个频道  模板名选择 “家居频道模板” 如下图
    创建完成后, 点击查看 就能看到已与系统完全整合的模板了 接下来我们把模板中的占位用的假数据换成 DIY 区域 
    用编辑器打开 list_home.htm 文件 大家会看到有类似的如下代码

    1.    

      •        
      • [装修资讯] 七步改造计 为夏日客厅换新颜

      •        
      • [行业资讯] 拆改承重墙如同醉驾需缴费

      •        
      • [装修资讯] 玩转极简主义 构造冷色系居室空间

      •        
      • [家居风水] 周星驰于文凤分手 防小三家居风水

      •        
      • [装修资讯] 小身材大味道 边角料再利用