打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
[教程] DEDECMS织梦模板安装/更换教程大全

[教程] DEDECMS织梦模板安装/更换教程大全

系列方法一:



 1、下载一个模板之后要判断一下模板文件是否齐全。htm文件中是否包括首页、列表页和文章内容页等;htm文件用到的css文件是否包括;模板安装包中是否包括网站用到的背景图片;
  2、建设网站栏目。在安装调试一个模板之前必须事先建好网站的相关栏目,这样才能做好调试。栏目的建设可以参考模板的样例网站进行建设。
3、更改系统中的模板名,这一步我们以模板mier为例:
(1)打开后台-系统-系统基本参数,查看模板名,默认情况下为default。现在,我们要把默认的模板名,改为我们要使用的模板名。

(2)打开后台-生成-HTML更新-更新主页HTML,默认情况这里的模板路径为default/index.htm。把default改成我们要使用的模板名。
  4、根据建好的网站栏目修改模板中调用的相关栏目ID。在htm文件中找到如下标签
  {dede:arclist row=’8′ titlelen=’36′ typeid=’56′ orderby=’rand’ }
  {/dede:arclist}
  将其中的 typeid调整为自己网站的栏目ID。
  5、调整htm文件和css文件中用到的图片的路径,根据自身网站图片的存放路径进行调整。
  6、修改模板文件htm中的固定链接。在模板中存在一些固定链接,可以根据你自己的网站进行适当调整。
  7、上传模板文件。将模板中的文件目录上传到服务器的/templets目录下,上传之前需要保存好原来目录下的文件。这个是默认的上传方法,如果模板本身有特殊要求,可以根据模板本身的要求上传。
  8、在后台生成首页、栏目页和内容页,根据效果对调试修改相关模板。
  9、默认的DedeCMS模板风格default目录文件说明
  index.htm(首页模板)
  head.htm(网页头部模板)
  *footer*.htm(网页底部模板)
  list_*.htm(列表页模板)
  article_*.htm(内容页模板)
  tag*.htm(标签模板)
  taglist.htm(标签列表模板)
  search.htm(搜索页模板)
  以上简单描述了DEDECMS模板安装的一般思路,不同的模板安装方法也存在不同,希望上面的描述能为大家安装dedecms模板时提供一些帮助。 




系列方法二:


方法一将新模板覆盖templets下的文件最简单的更换模板的方法是直接覆盖templets目录下的所有文件

但是这样会导致原先的模板被覆盖。

方法二 通过后台管理,使dedecms去寻找模板目录

还有一种就是更换整个网站的模板目录。

系统管理 --> 站点设置 --> 默认模板风格 设置为目录名字

比如下载了一个新的模板,新模板目录为newtemplet

那么设置为 /newtemlet/default 这样基本模块的模板就会去该目录下寻找。

但是这样有一个问题,就是如果栏目已经创建好了,设置这个就会没有什么效果。不知道这是不是dede的一个bug。

方法三 修改特定页面的模板

还有就是修改单独网页的模板,那么就去

频道管理 --> 网站栏目管理 --> 高级选项里选定模板地址

充分利用 ../ 这样的上级目录跳转到模板的目录下。

至于风格,我到现在看起来是不是必须修改模板里的css文件的地址?

方法四 修改源代码改变模板目录

发现另一种方法,更为直接:

修改include目录下的config_base.php下找到

$cfg_templets_dir = $cfg_cmspath.'/templets';

只需要把这个修改为新的目录名字,然后html更新一下,所有的模板风格都改变了。

这种方法不推荐,不过你要是为了防止模板被盗到可以

还有个方法:把新模板直接上传到templets/default目录里,然后再点击栏目管理,在栏目高级参数那里选择新模板。

cms模版,其实就是加上cms模板引擎代码的html页面,所以基础便是html语言学习,不 过现在正流行web标准,就是大家说的“div+css”,要求又提高许多,需要学习css,大家可以下载css手册,修改模版的时候对照学习修改。

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/]

添加代码后

{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代码。 

就模版而言,很多站长只看到设计即页面好看而没有看到网页制作即网页代码,这是一个非常错误的观念。网页代码的质量关系到搜索引擎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,参照上面设置即可



版权所有:《曾巧文博客》 
转载请注明:来自http://www.choovin.com ;谢谢合作!
除特别标注,本博客所有文章均为原创. 互联分享,尊重版权,转载请以链接形式标明本文地址 ;
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
从零开始学DedeCms模板,模板建网站设计教程 - 半岛互联 的日志 - 网易博客
DedeCms用户手册
织梦CMS/dedecms织梦模板留言板调用{dede:}标签的头部尾部的方法
DedeCms的TAG标签生成静态html插件
dedecms网页模板编写
dedearclist标签的基本应用_DEDECMS教程
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服