【Discuz】首页的设计，门户的修改

最新推荐文章于 2025-06-15 10:03:13 发布

原创最新推荐文章于 2025-06-15 10:03:13 发布 · 1.8w 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#Discuz #php #门户 #首页 #DIY

php 专栏收录该内容

55 篇文章

订阅专栏

本文详细介绍了如何在Discuz!中不修改代码直接设置自定义主页，以及如何利用门户功能实现个性化的主页设计。包括使用其他页面作为主页、添加自定义PHP代码、修改门户样式和布局，以及如何更改默认配色和搜索栏外观。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

部分人不想以论坛直接作为自己Discuz!的主页，希望使用其它页面作为Discuz的主页。

这完全可以不改代码直接设置的：

如下图，在Discuz!的后台，界面->导航设置中，“添加主导航”，在链接这一栏直接输入自己服务器上别的工程、或者php文件夹的网站，之后在“显示顺序”设置为0，即可，然后，在这个新设置的首页当中写自己想写的php代码或者其他，之后给一个叫“论坛”的链接连接到Discuz!就完了。根本无须利用Discuz!的门户功能。

这种首页设计。好处就是可以用php代码页上写大量属于自己的东西。

如果想自己的首页保持Discuz!的原味，同时在首页摆一些关于Discuz!的帖子标题链接，那么建议利用好Discuz!门户的功能。

需要先如下图，通过“全局”->“站点功能”->"门户"，打开Discuz!的门户功能。

之后，对于Discuz!的门户可以如下修改。

比如我要将Discuz!的门户改成如下丑样，

同时在左边的空白处，实现Discuz!的原生的DIY模块功能，如下图：

可以打开(Discuz安装文件夹)\template\default\portal\index.htm写入自己想写的代码，比如上图的实现就是如下的代码：

<!--{template common/header}--><!--论坛的页头-->
<style id="diy_style" type="text/css"></style>
<div class="wp"> <!--编辑门户的区域-->   
    <div style="float:left;width:60%">
        <!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]--><!--允许DIY的区域-->
    </div> 
    <div style="float:left;width:40%">
        <p style="font-size:12px;color:#ff0000;">dddddddddddddddddddddddddddddddddddddddddddddd</p>
        <p style="font-size:72px">在这里你想怎么搞就什么搞</p>
        <p style="font-size:12px;color:#ff0000;">dddddddddddddddddddddddddddddddddddddddddddddd</p>
    </div>
    <div style="clear:both"></div>
    <div>
    <!--[diy=diy2]--><div id="diy2"  class="area"></div><!--[/diy]--><!--允许DIY的区域-->
    </div>   
</div>
<!--论坛的页脚-->
<script src="misc.php?mod=diyhelp&action=get&type=index&diy=yes&r={echo random(4)}" type="text/javascript"></script>
<!--{template common/footer}-->

此文件虽然没有完整的HTML的页面，但是在class为wp里面却是一段标准的HTML。显然，<html><body>等元素，隐藏在关于与里面，只需要在class为wp里面写我们想写的HTML代码，进行任意布局即可。你需要多少个Discuz!原生的DIY区域，则加几个：

<!--[diy=diyX]--><div id="diyX"  class="area"></div><!--[/diy]--><!--其中X为当前DIY区域的个数-->

顺带说一句，如果觉得Discuz!的默认配色太丑，可以如下图修改，在后台，选择界面->风格管理->编辑->默认配色，选你希望的配色作为默认即可：

如果觉得Discuz!原生的搜索栏比较丑，可以按《【Discuz】导航条、搜索栏的修改》（点击打开链接）中修改，这里不再赘述了。