DedeCMS模板修改方法

从零开始学DedeCms模板制作教程
DedeCms真是一个非常棒的系统，我从接触到现在一年时间再也没有理会其他CMS系统，推荐刚开始建站或准备换程序的朋友使用DedeCms系统。

就像柏拉图说的：利剑已出，天下必乱，选择DedeCms V3，无往不胜。

选择它，不会错的。

由于DedeCms是柏拉图一个人开发，不可能像动易一样提供完整的使用推广服务，在模版方面，只有一套默认的模版，也没有模版制作使用的详细教程，只有模版标签的说明，这难倒了很多毫无基础的朋友。

我刚接触的时候在制作列表页面时还发帖询问怎么更改列表数目，直到现在还不时有人发帖询问(这个问题很突出，在各个论坛都一样，很多人都不会用搜索)。

在论坛里我也看到很多朋友发帖说模版不够多，模版不会用，也没有好心人帮助，然后发帖发泄一下离开。

论坛上分享的模版很少，即时现在也不多，这和我们国情也有关，没多少人喜欢分享，而一些垃圾还拿分享出来的东西卖钱，鄙视一下!
俗话说，求人不如求己，没模版好办，自己制作。

趁落伍征文，发表这篇文章争取落去，呵呵，人无利己，谁肯早起，大家也鄙视一下我。

这篇文章针对的是“无产阶级”毫无基础的朋友，如果你是高手或“资产阶级”就不用看了，高手欢迎交流，“资产阶级兄弟”给点活让兄弟我做做，保证质量。

基础
学习html
何谓CMS模版?其实就是加上CMS模板引擎代码的HTML页面，所以基础便是HTML 语言学习，HTML的标签不多，很容易学习，搜索下遍地都是教程，不过现在正流行web
标准，就是大家说的“DIV+CSS”，要求又提高许多，需要学习CSS，大家可以下载CSS手册，修改模版的时候对照学习修改，每天只要花点时间很快就会学会。

学习dede模版代码
了解代码前，如果你是新手，请使用默认模版熟悉下dede系统，系统的设置，如何添加栏目，怎么为栏目设置模版，如何发表文章，更改文章，有个基本概念。

Dedecms的代码很有特色，只要熟悉以后很快就能上手而且使用非常灵活。

dede模板引擎的代码样式有如下几种形式：
{dede:标记名称属性='值'/}
{dede:标记名称属性='值'}{/dede:标记名称}
{dede:标记名称属性='值'}自定义样式模板(InnerText){/dede:标记名称}
从上面我们可以看出，dede模板引擎的代码可以分为标记名称、属性和自定义样式模版三部分，标记名称和属性用
{}
包围而自定义样式模版在两个
{}
之间。

标记名称与属性的说明请大家参考系统帮助里的模版标记参考，这里介绍具体运用方法。

先看下面的例子：{dede:arclist typeid='0' titlelen='28' row='10' }
[field:title/]
{/dede:arclist}
上面是最基本的取得最新内容列表标记arclist，由开始标记
{dede:arclist
属性
typeid='' titlelen='28' row='10' col='1'}
模版样式
[field:title/]
和结束标记
{/dede:arclist}
组成。

当你完成页面制作后，便可开始添加dede代码。

没有添加dede代码之前：[field:title/]
[field:title/]
[field:title/]
[field:title/]
[field:title/]
[field:title/]
[field:title/]
[field:title/]
[field:title/]
[field:title/]
添加代码后
{dede:arclist typeid='0' titlelen='28' row='10' }
[field:title/]
{/dede:arclist}
模版解析后就是添加代码前的样子。

列表list标记，友情链接flink标记，导航channel 标记，站内新闻mynews标记等待都是同样道理。

文章页里用到{dede:标记名称属性='值'/}，如{dede:field name='title' /}就是文章标题的意思。

模版里面的路径问题：本站使用{dede:global
name='cfg_basehost'/}/templets/w3cpro/img/css.css，{dede:global
name='cfg_basehost'/}是取得网站根目录的意思。

这里有个模版保护问题，如果你珍惜你的网页模版，就把img目录独立分离出来，这样别人就不会知道你的模版目录。

制作
要是真正独立制作一个模版，是很费精力的，规划、设计、制作、调试哪部分都很累人。

很多站长都没有能力制作，所以就有那么多的朋友期待别人放出模版，稍微有点能力就复制别人的模版，何为复制?保存原来的html页面，删除正文内容，添加CMS代码，完工。

，这就是复制，没有一点技术含量，只要添加CMS代码即可。

就这样，我看还有很多人收费100到200帮人制作，我看得晕死，这也行。

做为站长也太懒了，做站连CMS的标记代码都不了解，还做什么站，真是郁闷了。

就模版而言，很多站长只看到设计即页面好看而没有看到网页制作即网页代码，这是一个非常错误的观念。

网页好看虽然重要，但对我们个人站长来说，网页制作更为重要。

网页代码的质量关系到搜索引擎SEO与网站的可维护性，对我们站长来说，网站只要简洁大方即可，关键是网站利于搜索引擎搜索能够创造更多的利润赚更多的钱。

天下文章一大抄，就看你会不会抄，制做模版和抄写文章一样，就看你会不会仿。

我的设计水平很烂根本不入流，只会写网页代码。

设计既然不会那就仿，取一个网页那是侵权，那就取三个四个网页，拿出它们的设计优点，组合成自己的网站。

过程以本站为例子：规划好网站结构，决定以蓝绿两种颜色为网页主色调，从网上找到合适的资源后开始在PS里组合网站，满意后开始编写代码制作网页，制作好后添加dede 代码测试。

安装使用
dede3.1lit版本增强了系统设置，模版的所在位置可以在系统设置里设定，把模版文件夹放到templets，栏目设置里{style}代表了模版文件夹位置，如下图。

实例
下面提供本站实例给大家参考使用，页面制作并不复杂，适合大家学习使用。

总共制作了文章，图片(采用文章系统)，下载三个系统模版，其他模版可以根据提供的页面修改。

index_in.html——主页
list.html——列表页
index_arc.html——文章页、下载封面
index_img.html——图片封面
list_img.html——图片列表
search.htm——搜索页面
article.html——文章页
article_down.html——下载页
article_img.html——图片
修改的文件：
inc_archives_view.php——上一篇下一篇分开调用，且限定文章所在栏目内而不是现在的全站。

inc_arcpart_view.php——更改友情链接flink
inc_channel_unit_functions.php——调用arclist标签无法读出此栏目为副栏目的文章的应急解决方案
inc_functions.php——跳转提示页标题修改
inc_vote.php——投票修改
增加的文件：
为了全站显示登入系统后的状态，member目录增加几个文件。

index_doo.php
index_login.php
login.html
config_g.php
logined.js
templets/index_login.html
下载后放到网站templets，参照上面设置即可
(一)DedeCMS模板修改---首页最近更新;特别推荐;标题显示和CSS问题
大家都知道Dede的cms 确实好用，但是首页默认的最近更新和特别推荐总是有标题显示不完整或者条目显示太少，框架太小，很不美观。

下面我来个大家介绍下解决办法：
问题1 更改显示条目和标题显示字数。

（以最近更新为例）copyright dedecms
在template/default/ 目录下找到index.htm
打开找到如下代码：
{dede:arclist row=10 titlelen=50 noflag='h'} [field:title/]{/dede:arclist}
上面的代码我已经修改过了，可以看到row=10 代表显示10条。

titlelen=50 代表标题可以显示50个字符。

大家可以根据需要修改。

问题2 最近更新和特别推荐的框架太小，总是有东西些现实不出来。

在template/style/ 目录下找到page.css
（1）修改最近更新，打开找到如下代码：
.index .bignews{ width:324px; height:490px; float:right; border:1px solid #DFF2F5; background:url(../images/headbg-top.gif) repeat-x; overflow:hidden; }
通过修改width 和height 来调整。

这里我的height=490 大家可以根据自己的需要修改。

（2）修改特别推荐，打开找到如下代码：
.index .latestnews{ width:380px; height:200px; margin-top:8px; float:left; }
(二)DedeCMS模板修改---互动中心高度调整
打开css，修改height就可
.index .usercenter .tbox dd{
height:160px;
display:none;
(三)DedeCMS模板修改---去掉互动中心的踩踩和评论
<div class="pright">
<div class="usercenter">
<dl class="tbox light">
<dt class='light'> <strong>会员登陆</strong> <span class="label"> <a href="#" _for="uc_member"></a> </dt>
<dd id="loading"> 正在载入,请稍候... </dd>
<dd id="uc_member" >
<div id="_userlogin">
<div class="userlogin">
(四)DedeCMS模板修改---首页头条居中
在\templets\default\index.html 里找到<h2><a href="[field:arcurl/]">[field:title/]</a></h2>
修改为<h2 align="center"><a href="[field:arcurl/]">[field:title/]</a></h2>就可以居中了
(五)DedeCMS模板修改---首页头条标题下面的摘要字数设定.(摘要的行数)
在DEDE系统首页头条推荐这用到了[field:description /]标签。

<div class="onenews">
{dede:arclist flag='h' limit='0,1'}
<h2><a href="[field:arcurl/]">[field:title/]</a></h2>
<p>[field:description]...<a href="[field:arcurl/]">[查看全文]</a></p>
{/dede:arclist}
</div>
只需在[field:description]标签中加入一个限制参数就可以了，如下：
[field:description function='cn_substr(@me,80)'/]
把这段翻盖[field:description]即可。

其中80就是简介中显示的字节数，一个汉字占两个字节。

根据自己的需要改成相要的字节数就可以。

(六)DedeCMS模板修改---首页头条的标题长度
打开index.htm
找到如下内容:
<!--头条-->
<div class="onenews">
{dede:arclist flag='h' limit='0,1'}
<h2><a href="[field:arcurl/]">[field:title/]</a></h2>
<p>[field:description/]...<a href="[field:arcurl/]">[查看全文]</a></p>
{/dede:arclist}
</div>
<!-- /onenews -->
找到这行:{dede:arclist flag='h' limit='0,1'}
在里面加如: titlelen='你想要的数字' 如我想要显示20个汉字,即加如: titlelen='40'
即为:{dede:arclist titlelen='40' flag='h' limit='0,1'}
每2个字符等于1个汉字!
(七)DedeCMS模板修改---图文资讯多行显示
<div class="picnews">
<dl class="tbox light">
<dt><strong><b>图文资讯</b></strong></dt>
<dd>
<ul class="e1">{dede:arclist row=6 col=2 orderby=pubdate type='image.' imgwidth='124' imgheight='94'}
<li><a href="[field:arcurl/]">[field:image/]<span class="title">[field:title/]</span></a></li>{/dede:arclist}
</ul>
</dd>
dedecms模板修改关于首页的细节问题
从现在人的建站的心态来说，通常的情况下都是使用dedecms模板来搭建网站，这样的优势不仅仅是因为能够快速的建成网站，对于中小企业来说，成本也比的低，但是dedecms模板修改就成为了很多的企业无从下手的一个难点，因为模板的首页是默认的，有些时候为了满足企业的需求，所以dedecms模板修改最为关键的就是首页的细节问题，从大的方面来说，dedecms模板修改的不仅仅是首页，更是整个网站的精髓。

细节问题一；
在模板的首页上面，首先dedecms模板修改的是首页的标题，因为标题时一个网站首页的灵魂，所以关于此点的细节问题就是注重标题长度的修改，具体的代码如下；
打开index.htm
找到如下内容:
<!--头条--> 下面就开始dedecms模板修改了。

<div class="onenews">
{dede:arclist flag='h' limit='0,1'}
<h2><a href="[field:arcurl/]">[field:title/]</a></h2>
<p>[field:description/]...<a href="[field:arcurl/]">[查看全文]</a></p>
{/dede:arclist}
</div>
<!-- /onenews -->
找到这行:{dede:arclist flag='h' limit='0,1'}
在里面加如: titlelen='你想要的数字' 如我想要显示20个汉字,即加如: titlelen='40'
即为:{dede:arclist titlelen='40' flag='h' limit='0,1'}
每2个字符等于1个汉字（这是dedecms模板修改关于首页的细节的第一个问题）。

细节问题二；
在首页的修改的细节的问题上，还有一个就是摘要的行数，因为网站的首页就是一个网站的呈现给用户的最为重要的地方，所以dedecms模板修改的时候摘要的字数的设定也是比较重要的一个问题；
在DEDE系统首页头条推荐这用到了[field:description /]标签。

<div class="onenews">
{dede:arclist flag='h' limit='0,1'}
<h2><a href="[field:arcurl/]">[field:title/]</a></h2>
<p>[field:description]...<a href="[field:arcurl/]">[查看全文]</a></p>
{/dede:arclist}
</div>（在dedecms模板修改的时候要注意下面的一个小点）
只需在[field:description]标签中加入一个限制参数就可以了，如下：
[field:description function='cn_substr(@me,80)'/]
把这段翻盖[field:description]即可。

其中80就是简介中显示的字节数，一个汉字占两个字节。

根据自己的需要改成相要的字节数就可以。

细节问题三；
有些时候首页的头条的居中可以让整个模板的界面看起来更为的舒服，所以dedecms模板修改对于首页头条居中也是与其有关的一个细节性的问题，而想了解具体的方法的可以参考下面的代码；
在\templets\default\index.html 里找到<h2><a href="[field:arcurl/]">[field:title/]</a></h2> dedecms模板修改为<h2 align="center"><a href="[field:arcurl/]">[field:title/]</a></h2>就可以居中了
注意好了dedecms模板修改的首页的一些细节，那么对于网站的整体的界面的美观度都会有一个大层次的提升。

这样一来对于用户来说看到的一个网站在视觉上来说也是一个不错的网
站。