Discuz!X2.5添加页面布局样式修改，改为左右分栏，并增加DIY功能

dly · 发表于 2013-11-19 20:15:34

Discuz!X2.5小米论坛样式，论坛首页列表展示+分页【9.12更新】

因为，我始终相信一个道理，同一个文件（不管是forum.php还是拷贝的abc.php），版块模式下可以DIY，其他模式下也一定可以DIY。

查看discuz.htm和guide.htm模版，一个是首页模版（也就是版块列表模版），一个是导读页模版（也就是我们打算用来做论坛首页的模版）；我发现同样都是调用header.htm的头部模版，discuz.htm有DIY按钮，但是guide.htm就不显示，那么可以说明discuz.htm肯定有个地方是和header.htm有关联，但是在模版文件中并没有发现问题，php文件就不用看了，因为是同一个文件，那么问题出在哪里呢？

于是我想到了模型，到source/module/forum文件夹中查看forum_index.php和forum_guide.php文件，这两个文件，一个是版块列表模型，一个是导读模型，对比两个文件的差别，找出为何一个有DIY按钮，一个没有DIY按钮。

终于被我发现forum_index.php的模版引用代码和forum_guide.php的引用代码有所区别，一个是“include template('diy:forum/discuz:'.$gid);”，一个是“include template('forum/guide');”，这句话的大概意思很明白了，forum_index.php引用discuz.htm做模版并可以DIY，而forum_guide.php引用guide.htm做模版但无法DIY。

于是，修改方法如下：
修改：source/module/forum/forum_guide.php

include template('forum/guide');

复制代码

改为：

include template('diy:forum/guide:'.$gid);

复制代码

保存之后发现导读页的DIY按钮出现了，说明这个页面已经可以DIY了。但是还差一步，我们要在模板页里面插入DIY区域代码，否则DIY模块没有地方放置，打开guide.htm，在想要DIY的地方插入如下代码：

<div class="wp">
<div id="diy1" class="area"></div>
</div>

复制代码

其中的diy1是不同DIY区域的编号，如果你要增加3个DIY区域，就复制代码改成diy2，diy3以此类推。

另外，在第一个DIY上面插入一行：

<style id="diy_style" type="text/css"></style>

复制代码

否则DIY不能进行样式修改！

保存guide.htm模版文件，刷新abc.php页面，点击DIY按钮，是不是可以插入DIY模块了，到此将导读页的“最新回复”作为论坛首页，并实现DIY功能已经全部OK，剩下就是页面排版和美化了，接下来我将进行这个页面的个性化修改，争取出一个懒人安装包。

游客，如果您要查看本帖隐藏内容请回复

图片演示：

因为在本地修改，所以暂时没有网址演示。

5itaiwan · 发表于 2013-12-24 12:09:44

來學習一夏^^

皇甫轩辕 · 发表于 2014-1-21 20:21:29

不管东西咋样还是先谢谢了

爱要唯一 · 发表于 2014-8-3 04:18:54

來學習一下

ptvod · 发表于 2014-12-5 22:21:23

页面布局样式修改，改为左右分栏，并增加DIY功能 [

你家憨哥哥 · 发表于 2015-2-13 21:04:06

老大，来向你学习哈

Discuz!X2.5添加页面布局样式修改，改为左右分栏，并增加DIY功能

相关帖子