怎么更换织梦模板?织梦CMS站点更换网站模板详


 首先,我们大家可以打开我们前段时间下载织梦CMS的那个压缩包: 本文来自小莫扎特博客www.plusminustsuchi.com 提供

其中,我用红色箭头指向的文件夹templets就是织梦CMS的模板文件夹。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

然后双击打开这个文件夹,依次打开templets、default文件夹,里面那大量的htm文件,就是织梦的模板文件了。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

依旧还需要注意我用红色箭头指向的几个模板文件,下面是详细说明:

本文来自小莫扎特博客www.plusminustsuchi.com 提供

footer.htm:默认织梦网站底部模板,一般网站底部的版权都是调用的这个模板;

本文来自小莫扎特博客www.plusminustsuchi.com 提供

head.htm:默认织梦网站头部模板,一般网站顶部都是调用的这个模板; 本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

index.htm:默认织梦澳门皇冠金沙网站模板,一般织梦CMS搭建的网站澳门皇冠金沙网站都是调用的这个模板; 本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

index_m.htm:默认织梦网站移动端澳门皇冠金沙网站模板,一般织梦CMS搭建的移动端澳门皇冠金沙网站都是调用的这个模板。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

当然,还有更多的模板,比如搜索、频道、下载、图集、分类信息等等功能的模板,亦在其中——毕竟织梦CMS是一个特别成熟且庞大的CMS建站系统。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

但是在此我们就不再一一赘述了,更多的大家可以自行百度搜索了解一下。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

一般来说,目前互联网上的站点有这么几个分类:资讯站、图片站、下载站、便民信息站、小说站、企业站等等,这些类型的站点织梦CMS都可以完美实现。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

而今天,我们只需要熟悉利用织梦的文章系统,通过更换模板来搭建简单的资讯站。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

其实资讯站也有不同的类别,有如网易那样的门户,也有老门的网赚博客这样的行业博客,都可以归类于资讯站(文章站)的类别里面。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

为了大家更容易理解和学习,我们这次的案例是搭建一个简单的博客类资讯站。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

首先,我们已经确定好了模板:一个简单的博客站点,那么我们就需要去寻找我们心仪的织梦模板。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

去哪里寻找呢?

本文来自小莫扎特博客www.plusminustsuchi.com 提供

百度,和淘宝即可。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

首先在百度上所说“织梦模板”的字样,就会出现很多提供织梦CMS网站模板的站点,我们可以自行在里面下载。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

如图,这个搜索结果中,织梦58、织梦猫、AB模板网、秀站网等等,都可以找到不错的织梦模板——当然,也可以百度找到其他的模板站点,找那些不需要花钱的版子。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

然后呢,也可以去淘宝搜索织梦模板。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

可以看到,淘宝上也有大量的织梦模板。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

而且在这个上面的模板一般都比较完整——不完整你找他们退钱嘛!是不是?

本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

然后这里有一点需要注意的是,我们在搭建这个案例网站的时候,你们还记得我们选择的是哪个编码的版本吗? 本文来自小莫扎特博客www.plusminustsuchi.com 提供

是utf-8版本的!

本文来自小莫扎特博客www.plusminustsuchi.com 提供

所以,我们选择网站模板的时候,也需要选择相对于的utf-8版本才行;如果选择的是utf-8版本的模板,那么你会发现网站上一篇乱码。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

当然,如果确实喜欢某个编码不对付的版本的模板,也可以通过转换编码的操作,来使之适应。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

大家可以在百度搜索找到织梦模板编码转换工具,来转换模板的编码。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

另外大家需要知道的是:

本文来自小莫扎特博客www.plusminustsuchi.com 提供

现在移动端流量比PC端大很多——特别是与网友生活、兴趣、爱好相关的词汇。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

比如这些特别流氓的词,移动端搜索量要比PC端高十几倍! 本文来自小莫扎特博客www.plusminustsuchi.com 提供

所以,在我们建设网站的时候,不但要考虑网友在电脑上访问的用户体验,也要考虑用户通过手机、平板访问时候的体验。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

于是,现在做站,基本上是PC、移动端两者兼顾,所以我们选择网站模板都尽量选择“自适应”的模板。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

所谓自适应模板,是指的这一套网站模板通过在PC和移动端的不同变化,能够完美适合这两种屏幕,且不会给访客带来困扰。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

比如这一套自适应的织梦模板,在电脑、手机、平板等平台上都可以完美展示,且正确无误。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

可以在不同的设备上,展示不同的尺寸。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

所以,这里的两个知识点是:

本文来自小莫扎特博客www.plusminustsuchi.com 提供

1、网站模板编码要与网站系统编码相适应; 本文来自小莫扎特博客www.plusminustsuchi.com 提供

2、尽量选择自适应模板以适应不同平台的用户。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

然后呢,我们进入正式的织梦网站模板更换教程。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

我找了一套自适应的织梦CMS博客模板,并在网上下载了下来。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

大家也可以自习下载,地址如下: 本文来自小莫扎特博客www.plusminustsuchi.com 提供

链接: http://pan.baidu.com/s/1KIvGEN4rfZpbXoewAZ0oHA 提取码: mwf2 本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

首先,这是一套整站,即不单保护网站模板,也保护网站的各种数据。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

你没看图中这密密麻麻的文件夹和文件就知道了。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

但是,我们只需要它的模板文件和模板文件所用到的CSS、JS以及一些图片图标。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

所以,我们只需要把这个压缩包里面的红色箭头指向的文件夹:style、templets。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

这其中,style文件里面包含网站模板所需要的CSS、js以及一些图片文件,我给大家截个图,大家就知道了。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

如图,果然如此。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

我们就不再打开这三个文件夹了,大家把这个style文件夹直接复制到我们放置织梦程序的根目录里面就好了。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

嗯,比如这个样子,只要保证这个style文件夹在这个里面就可以了。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

另外还需要注意,因为我们用了做案例的这套模板的CSS等文件夹的文件夹名称叫做“style”,我们才把这个文件夹复制到这里——若是文件夹叫其他的名字,那么我就把那个叫其他名字的文件夹复制过来就好。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

然后,我们看一下这套模板的模板文件。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

需要注意的是,注意我用红色箭头指向的那两个名词,这是该网站模板的存放路径。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

当我们把该模板复制到网站根目录里的时候,目录也是这个样子的,但是到时候需要修改一下网站的设置,这里先略过不表。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

然后我们了解一下这些模板文件吧: 本文来自小莫扎特博客www.plusminustsuchi.com 提供

article_aeticle.htm:这一般是网站内页模板,我们在网站中发布的文字类内容一般采用这个模板的样式;

本文来自小莫扎特博客www.plusminustsuchi.com 提供

article_default_m.htm:这一般是自定义模型栏目的移动端内容模板;

本文来自小莫扎特博客www.plusminustsuchi.com 提供

footer.htm:这一般是网站底部模板; 本文来自小莫扎特博客www.plusminustsuchi.com 提供

footer_m.htm:这一般是移动端网站底部模板;

本文来自小莫扎特博客www.plusminustsuchi.com 提供

header.htm:这一般是网站头部模板;

本文来自小莫扎特博客www.plusminustsuchi.com 提供

header_m.htm:这一般是移动端网站头部模板; 本文来自小莫扎特博客www.plusminustsuchi.com 提供

index.htm:这一般是网站澳门皇冠金沙网站模板;

本文来自小莫扎特博客www.plusminustsuchi.com 提供

index_m.htm:这一般是移动端网站澳门皇冠金沙网站模板;

本文来自小莫扎特博客www.plusminustsuchi.com 提供

list_article.htm:这一般是网站文字类内容的栏目模板: 本文来自小莫扎特博客www.plusminustsuchi.com 提供

list_default_m.htm:这一般是自定义模型栏目的移动端模板;

本文来自小莫扎特博客www.plusminustsuchi.com 提供

right.htm:这一般是网站PC端右侧边栏内容模板;

本文来自小莫扎特博客www.plusminustsuchi.com 提供

search.htm:这一般是搜索结果页面模板。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

嗯,大家能够看明白吗?暂时不明白也没事,经验多了就记住了。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

下面,我们把以上两个文件夹复制到存放网站文件的根目录里面。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

嗯,这样就可以了。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

当然,我一般会把模板文件直接复制到templets文件夹里面,不管其他的内容。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

比如看这张图,做个对比大家就明白了。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

左侧是织梦CMS原模板文件,右侧是我们下载的模板文件。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

可以看到,这两个文件夹里面所不同的,唯有一个叫做“default”,一个叫做“demo”,其余的看着都一样,对吧?其实其余的确实是一样的。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

所以,老门我一般就是把左侧的这个原文件夹“default”删除掉,然后直接把右侧的“demo”模板文件夹直接复制过来就好了。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

当然,不同的模板文件夹可能名称不一样,织梦CMS模板文件夹官方的命名就是“demo”,而大量不同的模板制作者的因为某些原因,可能名称不一样,也可以叫做“demo”,也可以叫做“muban”,也或许叫做“laomen”等等,不一而足。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

大家知道就好了。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

然后我们把这些东西复制过来,再打开网站的前台,大家看看是什么模样?

本文来自小莫扎特博客www.plusminustsuchi.com 提供

是不是澳门皇冠金沙网站就打不开了?

本文来自小莫扎特博客www.plusminustsuchi.com 提供

没事,这个时候我们回到网站后台,再设置一下。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

点击右侧边栏底部按钮“系统”,然后往上可以看到一个叫做“系统基本参数”的按钮,点击它: 本文来自小莫扎特博客www.plusminustsuchi.com 提供

然后大家看到上图用红色箭头指向的地方了吗?

本文来自小莫扎特博客www.plusminustsuchi.com 提供

这里的织梦模板的文件夹名称是“default”,我们需要把它改成“demo”,然后再点击一下底部的“保存”按钮。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

然后我们的目光回到网站后台的右侧边栏,点击中间的“生成”按钮。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

织梦澳门皇冠金沙网站生成

本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

然后,先点击“更新系统缓存”,因为我们更换模板了,需要清除下缓存;然后再点击“更新主页HTML”,然后你们会看到上面这个界面。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

注意向右侧指向的红色箭头,这里的主页模板显示的依旧是存在与default文件夹里面,但是咱们存放模板文件的名称是demo,所以需要在这里修改一下。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

然后我们点击那个“浏览”按钮,就会跳出一个弹窗,在这个弹窗里选择“demo”文件夹;再从跳出来的模板文件列表里面,选择“index.htm”文件就可以了。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

返回后,然后点击下方的“更新主页HTML”,再返回网站澳门皇冠金沙网站去看,就会发现:好了!

本文来自小莫扎特博客www.plusminustsuchi.com 提供

看,这就是我们换好模板的网站前台的样子。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

看那红色箭头指向的地方,那是我们在熟悉织梦后台的时候发布的第一篇文章。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

至于里面的那三位美女的图片,这个是模板自带的,还记得我们刚才复制到根目录里面的那个“style”文件夹吗?这些图片在这个文件夹里面呢。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

OK ,至此我们网站澳门皇冠金沙网站的模板换好了。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

 

本文来自小莫扎特博客www.plusminustsuchi.com 提供

然后如果你们认为这个网站太单薄,毕竟没有多少东西,大家可以尝试着新建更多的栏目,填充更多的内容。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

多尝试,多锻炼,才能多学习嘛。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

当然,还有一个更简单的办法:

本文来自小莫扎特博客www.plusminustsuchi.com 提供

那就是再把模板文件夹“demo”复制到网站根目录“templets”文件夹里面的时候,我们可以直接把里面的原模板文件夹“default”删除掉,并把我们的模板文件夹的名字“demo”,更改为“default”亦可。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

这样省去了一些麻烦。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

但是,或许在诸位更换其他模板的过程中,遇到一定的麻烦,怕是不好解决。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

不过,大家可以在本机测试建站的时候,这两个方法都多尝试一下。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

  本文来自小莫扎特博客www.plusminustsuchi.com 提供

然后我们再返回网站后台,开始进行这样的操作: 本文来自小莫扎特博客www.plusminustsuchi.com 提供

网站后台→右侧边栏→生成→更新系统缓存→一键更新网站→开始更新......然后我们再返回网站澳门皇冠金沙网站查看栏目页和内页,就会发现:也好了! 本文来自小莫扎特博客www.plusminustsuchi.com 提供


内容版权声明:以上内容均为转载,如有侵犯原作者请联系删除!