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

本文详细介绍了如何在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>等元素,隐藏在关于<!--{template common/header}-->与<!--{template common/footer}-->里面,只需要在class为wp里面写我们想写的HTML代码,进行任意布局即可。你需要多少个Discuz!原生的DIY区域,则加几个:

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

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


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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值