在线建站培训
您的位置: 魔客吧魔客学院织梦视频教程查看内容

课时1-4:织梦模板的安装与使用操作

讲师:moke | 课程:织梦视频教程

    各位同学大家好,今天我们给大家讲解织梦模板的安装与使用操作。很多同学在拿到一套织梦模板或织梦源码时,不知道如何去安装设置模板,甚至连模板文件是什么都不清楚。大家下载魔客吧的模板后,经常问的问题就是,我要怎么安装模板,我要怎么修改内容?今天我就在这里给大家详细讲解一下织梦的模板系统,模板的安装以及模板的修改。

一、了解织梦模板

    首先我们需要先了解织梦的模板系统,下面我们以魔客吧开发的《高端优雅响应式商务企业整站织梦模板》为例给大家讲解下。

templets   模板文件夹(这个文件夹里可看到你的模板目录文件)
  ├ default    默认模板文件
  └ moke8_com004   魔客吧开发的模板文件
其它的lurd、plus、system不会用到,大家可忽略
dedemb1.jpg


二、如何安装织梦模板

    当我们下载一套织梦模板后,我们就需要把织梦模板文件夹上传到templets里,然后进行安装。不过网上分享的模板文件,有时候整理的不是很规则,以至于很多同学在下载模板后,不知道下载的文件要如何上传到网站,也不知道那个文件夹是模板文件夹。其实要知道那个文件夹是模板文件夹很简单,你只要逐一打开你下载的模板文件夹,然后查看那个文件夹下有类似“footer.htm、head.htm、index.htm”这样的文件,那么这个文件夹就是模板文件夹,你只需要把这个文件夹放到templets下即可。
dedemoban2.jpg


    在我们下载的模板文件里还包含了模板使用图片、css和js类文件,很多时候这些文件夹都放到模板文件夹下的,不过也有很多时候是放到其它目录的。当你安装好一套模板后,发现生成的页面有严重的错位,一般情况下就是因为模板调用的这些文件位置没放正确,导致模板安装后调用不到css和js文件导致错位。那么,要如何正确放置这些文件夹呢?这时我们需要打开模板文件夹下的head.htm或index.htm查看页面调用的js和css的路径。下面我们打开“高端优雅响应式商务企业”这套模板文件夹下的index.htm模板文件查看一下
大家可以找到类似以下代码:
  1. <link rel="stylesheet" type="text/css" href="{dede:global.cfg_cmspath/}/moke8/css/animate.css" media="screen, projection">
  2. <script src="{dede:global.cfg_cmspath/}/moke8/js/html5shiv.js"></script>
复制代码
从代码中的“href="{dede:global.cfg_cmspath/}/moke8/css/animate.css"”这句话就可以看出,模板调用了网站目录下的moke8/css文件夹下的animate.css文件。这时大家就可以看看你下载的模板文件里有没有moke8文件夹,是不是放在程序根目录下的,如果不是放在根目录下的话,把它放到根目录下即可。

    魔客吧里面的织梦模板我们都是进行过整理打包的,一般下载模板文件里包含了templets和include两个文件夹,大家只需要把这两个文件夹放到你的网站根目录下,然后查看templets目录下的模板文件夹名称,进入后台[系统]-[系统基本参数]-[站点设置]里的“模板默认风格”里填写你要使用的模板目录名称
dedemb2.jpg


    然后进入[生成]-[更新主页HTML],在“选择主页模板”里填写:模板目录名称/index.htm ,然后点击“更新主页HTML”按钮生成主页后即可浏览你安装的模板页面了。
dedecms3.jpg


三、如何安装织梦模板栏目

    当我们安装好模板后,这时我们就需要添加一些栏目了,如新闻中心,产品展示等等这样的栏目。很多同学在后台添加栏目后发现添加的栏目风格和模板风格不统一,还是织梦默认模板的栏目,或者有些直接显示模板文件不存在等等。出现以上问题主要都是因为大家在添加栏目时并没有对栏目页的模板进行设置导致的。下面我们就给大家讲解下在添加栏目时如何设置模板。

首先,进入后台[核心]-[网站栏目管理],然后点击“增加顶级栏目”按钮
dedemoban5.jpg


然后在常规选项里填写栏目,这个就不多作讲解了。
填写好常规选项里的内容后,我们需要进入“高级选项”在“封面模板、列表模板、文章模板”里填写我们需要使用到的模板文件,这个才是重点
封面模板:这个选项我们一企业网站是用不到的,很多模板也没制作这个页面,在这里就不作讲解了
列表模板:这个就是安装的栏目要使用的列表模板页面,一般这个模板页面以list_xxx.htm这样的命名方式。比如新闻文章列表页一般命名为list_news.htm,图片产品展示这样的列表页一般命名为list_image.htm,关于我们栏目页面一般命名为about.htm。当然这些命名方式也不是绝对的,不同的模板页面命名方式也不同,如果没有说明的话,大家自己逐一去调试下这些页面看下效果就可以了。
文章模板:这里设置的是这个栏目下的文章使用的模板页面,一般情况都为article_article.htm文件。当然这也不是绝对的,比如一些产品展示的页面的文章页面可能命名为article_images.htm等等。具体的效果大家都可以自己去调试一下。
dedemoban6.jpg


那么我如何知道使用的这套模板制作了那些页面呢?
这个我们只需要点击后面的“浏览”按钮,然后进入我们的模板文件夹里查看即可知道。
比如我们要安装一个新闻中心的栏目,点击“列表模板”后面的“浏览”按钮,然后进入模板文件夹可以看到很多模板页面,然后选择一个list开头的模板页面名称,填入到输入框中。“文章模板”的选择也是一个道理,选择一个article开头的模板页面名称,填入到输入框中。
dedemoban7.jpg


设置好后,点击“确定”,栏目就安装好了,这时我们在进入“网站栏目管理”预览我们添加的栏目页的效果。如果觉的这个栏目的效果不是你想要的,你可以换一个list开头的模板页面名称,然后在看看效果。关于我们,联系我们等单页栏目的安装也是如此。
dedemoban8.jpg


四、如何提取织梦整站源码里的模板文件

       为了方便大家的使用,魔客吧现在发布的织梦模板多数都是织梦整站源码,也就是包含了演示数据和演示图片的。大家在安装好魔客吧提供的织梦源码后,就不用在自己去设置研究模板文件了,因为安装好后已经设置好了栏目页和调用,只需要简单的修改就可以立即投入使用。这样虽然方便了,但问题也来了。就是当我们已经安装好了一套织梦程序,并且已经有了栏目并且有了内容,只是需要更换一个模板。这时我们就需要提取织梦源码的模板文件安装到自己的织梦程序里。

       模板的提取方法其实是很简单的,首先安装好魔客吧提供的织梦整站源码,然后进入后台[系统]-[系统基本参数],然后查看“模板默认风格”里填写的模板名称。然后在打开templets文件夹,找到这个模板名称并复制下来放到你的织梦系统的templets文件夹下。然后在打开模板文件夹下的index.htm模板文件查看一下
大家可以找到类似以下代码:
  1. <link rel="stylesheet" type="text/css" href="{dede:global.cfg_cmspath/}/moke8/css/animate.css" media="screen, projection">
  2. <script src="{dede:global.cfg_cmspath/}/moke8/js/html5shiv.js"></script>
复制代码
从代码中的“href="{dede:global.cfg_cmspath/}/moke8/css/animate.css"”这句话就可以看出,模板调用了网站目录下的moke8/css文件夹下的animate.css文件。这时大家在到网站根目录下找到moke8文件夹,复制把它放到你的程序根目录下即可。最后在按照上面的模板安装方法安装设置模板即可。

       好了,通过以上的详细讲解,相信大家已经了解了织梦模板以及模板的安装和设置了。大家可以到魔客吧的织梦模板栏目:http://www.moke8.com/dedecms/下载织梦模板来安装实践一下。更多网站建设视频课程,请大家关注魔客吧,谢谢观看!