dedecms(织梦CMS)系统制作模板之一更换模板,统一头部和尾部文件

之前一直没用过dedecms,今天有机会做一个企业站, 顺便把自己新建模板的过程记录一下,分享给大家。这个教程我会一直写,做一个完整的织梦CMS模板制作教程,如果大家感兴趣,就一直关注我们全栈达人就行了。今天是这个教程的第一步,如何新建模板,统一模板的头部和尾部。

第一步.找到dedecms要目录的templets文件夹,在些文件夹下新建你的模板文件夹名称。然后把你的静态文件拷贝到此文件夹下。

dedecms(织梦CMS)系统制作模板之一更换模板,统一头部和尾部文件

第二步。登录dedecms后台,找到系统,系统基本参数,修改模板默认风格为你新建的模板文件夹名称。

dedecms(织梦CMS)系统制作模板之一更换模板,统一头部和尾部文件

第三步。dedecms后台找到生成,更新主页HTML,选择主页模板,把default修改为你的模板文件夹名称。

dedecms(织梦CMS)系统制作模板之一更换模板,统一头部和尾部文件

第四步。更新系统缓存,前台打开首页,查看效果,这时候没有样式,要修改样式及JS文件路径,还有图片路径,CSS路径标签{dede:global.cfg_templets_skin/}/style/,图片路径标签为{dede:global.cfg_templets_skin/}/images/。

dedecms(织梦CMS)系统制作模板之一更换模板,统一头部和尾部文件

第五步。统一模板文件的head及footer文件。把新建模板的公共头部和尾部独立出来,在模板里使用标签调用

{dede:include filename="head.htm"/}

头部和尾部就OK了。

dedecms(织梦CMS)系统制作模板之一更换模板,统一头部和尾部文件

最终我们做出来的效果会是这个样子的。

dedecms(织梦CMS)系统制作模板之一更换模板,统一头部和尾部文件

dedecms(织梦CMS)系统制作模板之一更换模板,统一头部和尾部文件

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: