DOCCMS

DOCCMS

稻壳CMS专区
模板专区

模板专区

模板发布和下载
常见问题

常见问题

DOCCMS常见问题
源码专区

源码专区

其他源码下载

稻壳CMS模板教程-第四节 首页模板index.php的建立

koran 发表了文章 • 0 个评论 • 888 次浏览 • 2017-04-05 10:25 • 来自相关话题

第四节 首页模板index.php的建立

为了方便演示,以下的教程中,我们使用“[雅风设计]稻壳cms X1.0红色企业通用模板”的静态页面为例进行讲解。

模板代码编辑软件,雅风推荐使用Dreamweaver,这里顺便啰嗦几句:如果想从事这个行业,或者认真的搞稻壳CMS模板,雅风建议您不要用那些旁门左道的软件,Dreamweaver或者其他常用的代码编辑器才是正道。

登录稻壳CMS后台,进入构建网站,选择模板管理,选择使用950d这个模板,然后选择[预览网站],打开网站首页界面。

这时候我们看到的网页界面应该是深喉咙默认模板,因为我们目前制作的模板是直接复制默认模板的,如下图:





处理模板之前,我们先把第二节中提到的静态HTML页面中所涉及到的CSS、JS、图片等文件复制到模板目录。目录关系不要搞错,例如原来的css文件存储在css目录名为css.css,那么复制后的位置相对于模板目录,也是css目录名为css.css,其他文件同理。

启动Dreamweaver软件,打开第二节中准备好的index首页html页面,再打开模板中的index.php首页模板文件。

保留index.php中的head部分中编码描述的meta代码、title和keywords以及description的代码,删除原有JS和css调用代码,处理完之后head部分的代码应该如下:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $tag['seo.title']; ?></title>
<meta name="keywords" content="<?php echo $tag['seo.keywords']; ?>" />
<meta name="description" content="<?php echo $tag['seo.description'];  ?>" />
</head>


上面代码中的等表示动态调用站点标题,关键字和摘要的意思,是属于稻壳CMS的系统标签。

然后我们把静态首页html页面中的js和css调用代码复制过来,复制后的head部分代码如下:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $tag['seo.title']; ?></title>
<meta name="keywords" content="<?php echo $tag['seo.keywords']; ?>" />
<meta name="description" content="<?php echo $tag['seo.description'];  ?>" />
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
</head>


接下来,我们要手动的修改一下JS和CSS链接路径,需要在JS和CSS文件路径前添加当前模板目录的稻壳标签,当前模板目录的稻壳标签是:

我们把当前模板目录的稻壳标签放到JS和CSS路径前,注意尾部无需添加反斜杠“/”,手动添加好之后head部分代码如下:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $tag['seo.title']; ?></title>
<meta name="keywords" content="<?php echo $tag['seo.keywords']; ?>" />
<meta name="description" content="<?php echo $tag['seo.description'];  ?>" />
<link href="<?php echo $tag['path.skin'];?>css/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<?php echo $tag['path.skin'];?>js/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo $tag['path.skin']; ?>js/functions.js"></script>
</head>


这样,系统才会解析出所调用的JS和CSS文件的正确路径。

接下来,我们把静态首页html页面中的body部分代码复制覆盖index.php中的body部分代码。

然后,我们需要将index.php中新的body部分中的代码里的插入图片路径进行修改,添加好当前模板目录的稻壳标签 。

例如,我们想把index.php中新的body部分代码中的img的图片插入路径进行修改,假定原来的插入路径是 src="images/图片名" ,那么修改后的插入路径应该是 src="images/图片名" 。

这里雅风推荐大家使用Dreamweaver的替换功能,CTRL+F打开查找替换功能面板,以上面描述为例,可以查找 "images/ 替换为 "images/,如下图:





  查看全部
第四节 首页模板index.php的建立

为了方便演示,以下的教程中,我们使用“[雅风设计]稻壳cms X1.0红色企业通用模板”的静态页面为例进行讲解。

模板代码编辑软件,雅风推荐使用Dreamweaver,这里顺便啰嗦几句:如果想从事这个行业,或者认真的搞稻壳CMS模板,雅风建议您不要用那些旁门左道的软件,Dreamweaver或者其他常用的代码编辑器才是正道。

登录稻壳CMS后台,进入构建网站,选择模板管理,选择使用950d这个模板,然后选择[预览网站],打开网站首页界面。

这时候我们看到的网页界面应该是深喉咙默认模板,因为我们目前制作的模板是直接复制默认模板的,如下图:

首页模版index.php的建立_.jpg

处理模板之前,我们先把第二节中提到的静态HTML页面中所涉及到的CSS、JS、图片等文件复制到模板目录。目录关系不要搞错,例如原来的css文件存储在css目录名为css.css,那么复制后的位置相对于模板目录,也是css目录名为css.css,其他文件同理。

启动Dreamweaver软件,打开第二节中准备好的index首页html页面,再打开模板中的index.php首页模板文件。

保留index.php中的head部分中编码描述的meta代码、title和keywords以及description的代码,删除原有JS和css调用代码,处理完之后head部分的代码应该如下:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $tag['seo.title']; ?></title>
<meta name="keywords" content="<?php echo $tag['seo.keywords']; ?>" />
<meta name="description" content="<?php echo $tag['seo.description'];  ?>" />
</head>


上面代码中的等表示动态调用站点标题,关键字和摘要的意思,是属于稻壳CMS的系统标签。

然后我们把静态首页html页面中的js和css调用代码复制过来,复制后的head部分代码如下:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $tag['seo.title']; ?></title>
<meta name="keywords" content="<?php echo $tag['seo.keywords']; ?>" />
<meta name="description" content="<?php echo $tag['seo.description'];  ?>" />
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
</head>


接下来,我们要手动的修改一下JS和CSS链接路径,需要在JS和CSS文件路径前添加当前模板目录的稻壳标签,当前模板目录的稻壳标签是:

我们把当前模板目录的稻壳标签放到JS和CSS路径前,注意尾部无需添加反斜杠“/”,手动添加好之后head部分代码如下:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $tag['seo.title']; ?></title>
<meta name="keywords" content="<?php echo $tag['seo.keywords']; ?>" />
<meta name="description" content="<?php echo $tag['seo.description'];  ?>" />
<link href="<?php echo $tag['path.skin'];?>css/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<?php echo $tag['path.skin'];?>js/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo $tag['path.skin']; ?>js/functions.js"></script>
</head>


这样,系统才会解析出所调用的JS和CSS文件的正确路径。

接下来,我们把静态首页html页面中的body部分代码复制覆盖index.php中的body部分代码。

然后,我们需要将index.php中新的body部分中的代码里的插入图片路径进行修改,添加好当前模板目录的稻壳标签 。

例如,我们想把index.php中新的body部分代码中的img的图片插入路径进行修改,假定原来的插入路径是 src="images/图片名" ,那么修改后的插入路径应该是 src="images/图片名" 。

这里雅风推荐大家使用Dreamweaver的替换功能,CTRL+F打开查找替换功能面板,以上面描述为例,可以查找 "images/ 替换为 "images/,如下图:

首页模版index.php的建立2_.jpg

 

稻壳CMS模板教程-第三节 模板的建立和模板信息修改

koran 发表了文章 • 0 个评论 • 731 次浏览 • 2017-04-05 10:22 • 来自相关话题

第三节 模板的建立和模板信息修改

首先,把稻壳CMS程序文件中的skins目录里的官方的某个模板复制一个放到skins目录中,例如,我们将稻壳CMS的官方模板doccms_model_1或doccms_model_2复制一份,命名为[950d]。如下图:





接下来,我们打开模板目录,找到config.xml文件,打开进行编辑,修改模板名称和路径等信息,并将模板首页截图放置于模板的preview目录。

config.xml文件各参数分解说明如下(中括号内为注解说明):

雅风设计 企业网站模板 [模板名称]

950d [模板目录]

雅风 QQ:5685200 [模板作者]

2012-11-19 [模板制作日期]

清新型 [模板类型]


doccms企业模板
[模板说明]


preview/index.png [模板预览图路径]




做了这些修改之后,我们启动集成环境登录后台,进入构建网站,选择模板管理,就可以看到对应模板了,如下图: 查看全部
第三节 模板的建立和模板信息修改

首先,把稻壳CMS程序文件中的skins目录里的官方的某个模板复制一个放到skins目录中,例如,我们将稻壳CMS的官方模板doccms_model_1或doccms_model_2复制一份,命名为[950d]。如下图:

模版建立和模版信息修改.jgp_.png

接下来,我们打开模板目录,找到config.xml文件,打开进行编辑,修改模板名称和路径等信息,并将模板首页截图放置于模板的preview目录。

config.xml文件各参数分解说明如下(中括号内为注解说明):

雅风设计 企业网站模板 [模板名称]

950d [模板目录]

雅风 QQ:5685200 [模板作者]

2012-11-19 [模板制作日期]

清新型 [模板类型]


doccms企业模板
[模板说明]


preview/index.png [模板预览图路径]




做了这些修改之后,我们启动集成环境登录后台,进入构建网站,选择模板管理,就可以看到对应模板了,如下图:

模版建立和模版信息修改2.png

稻壳CMS模板教程-第二节 静态HTML页面的准备

koran 发表了文章 • 0 个评论 • 721 次浏览 • 2017-04-05 10:15 • 来自相关话题

第二节 静态HTML页面的准备

想要稻壳CMS模板,第一步要做好模板的静态HTML文件。如果您对HTML和CSS不熟悉,请先学习HTML和CSS。

静态HTML文件的要点是:

1、最好是DIV CSS布局,尽量避免使用TABLE;

2、文件名用英文,小写;

3、CSS、JS、图片文件都独立存放不同文件夹;

4、准备一个首页文件和一个内容页文件,如果内容页样式特殊,请写好对应需要模块的文件。例如产品新闻页面等;





再重申一次,本教程主要目的是制作模板,所以静态HTML页面方面的问题这里也不多说了。

准备好静态HTML页面后,我们就可以进入下一步,制作模板了。 查看全部
第二节 静态HTML页面的准备

想要稻壳CMS模板,第一步要做好模板的静态HTML文件。如果您对HTML和CSS不熟悉,请先学习HTML和CSS。

静态HTML文件的要点是:

1、最好是DIV CSS布局,尽量避免使用TABLE;

2、文件名用英文,小写;

3、CSS、JS、图片文件都独立存放不同文件夹;

4、准备一个首页文件和一个内容页文件,如果内容页样式特殊,请写好对应需要模块的文件。例如产品新闻页面等;

html页面准备.png

再重申一次,本教程主要目的是制作模板,所以静态HTML页面方面的问题这里也不多说了。

准备好静态HTML页面后,我们就可以进入下一步,制作模板了。

稻壳CMS模板教程-第一节 稻壳CMS[DocCms]的下载安装

koran 发表了文章 • 0 个评论 • 781 次浏览 • 2017-04-05 10:13 • 来自相关话题

第一节 稻壳CMS[DocCms]的下载安装

稻壳CMS[DocCms]官方下载地址:http://www.doccms.com/DocCmsDownload/

DoccmsX1.0已知bug修复版完整程序包20150116版--雅风整理发布:http://www.950d.com/list/66.html

对于新手来说,自己搭建PHP环境不太方便,所以雅风推荐使用PHP集成环境套件,例如phpstudy或upupw,本站内有相关教程,可以参考:

PHP调试环境--phpStudy基础使用教程:http://www.950d.com/list/65.html

PHP环境集成包upupw安装使用教程:http://www.950d.com/list/67.html

因为本教程主要介绍稻壳CMS模板制作,所以这方面雅风不详细说明了,有什么问题请到官方群提问,热心稻壳粉会帮助你的。 查看全部
第一节 稻壳CMS[DocCms]的下载安装

稻壳CMS[DocCms]官方下载地址:http://www.doccms.com/DocCmsDownload/

DoccmsX1.0已知bug修复版完整程序包20150116版--雅风整理发布:http://www.950d.com/list/66.html

对于新手来说,自己搭建PHP环境不太方便,所以雅风推荐使用PHP集成环境套件,例如phpstudy或upupw,本站内有相关教程,可以参考:

PHP调试环境--phpStudy基础使用教程:http://www.950d.com/list/65.html

PHP环境集成包upupw安装使用教程:http://www.950d.com/list/67.html

因为本教程主要介绍稻壳CMS模板制作,所以这方面雅风不详细说明了,有什么问题请到官方群提问,热心稻壳粉会帮助你的。

稻壳CMS[DocCms]模板制作教程-前言

koran 发表了文章 • 0 个评论 • 1025 次浏览 • 2017-04-05 10:11 • 来自相关话题

稻壳CMS[DocCms]模板制作教程-前言

本人雅风,2000年开始从事网页设计和企业建站行业。雅风略懂HTML和CSS,是个程序盲,这么多年给企业建站,不是把静态页面写好之后外包给程序员,就是用CMS套用。

2011年春天,雅风开始接触深喉咙CMS PHP4.11版本,觉得深喉咙CMS PHP版简单易用,从此一发不可收拾,把所有业务重点转移到了深喉咙CMS模板制作上,当然,给企业建站的CMS程序,雅风也首选深喉咙CMS。

用了一年多的深喉咙CMS,雅风不但从中受益,也结实了很多好朋友,可非果,狗头,氓流果...

现在深喉咙CMS更名为稻壳CMS,雅风有了写个稻壳CMS模板制作入门教程的想法,所以本教程旨在回馈深喉咙CMS和稻壳CMS,分享制作经验,方便新手查阅。

雅风不喜视频教程,总觉得视频教程传播不便而且观看费事不直观,所以写这套图文教程,希望能够给新手带来帮助,让高手们见笑了。

雅风才疏学浅,语言表达能力有限,还恳请各位对于教程多批评指正。

此教程在[企业网站模板网 950d.com]和[稻壳CMS官网]论坛同步更新。

另外,请尊重版权,转载此教程请注明出处[企业网站模板网 950d.com]和作者[雅风 QQ号:5685200],谢谢。 查看全部
doc.jpg

稻壳CMS[DocCms]模板制作教程-前言

本人雅风,2000年开始从事网页设计和企业建站行业。雅风略懂HTML和CSS,是个程序盲,这么多年给企业建站,不是把静态页面写好之后外包给程序员,就是用CMS套用。

2011年春天,雅风开始接触深喉咙CMS PHP4.11版本,觉得深喉咙CMS PHP版简单易用,从此一发不可收拾,把所有业务重点转移到了深喉咙CMS模板制作上,当然,给企业建站的CMS程序,雅风也首选深喉咙CMS。

用了一年多的深喉咙CMS,雅风不但从中受益,也结实了很多好朋友,可非果,狗头,氓流果...

现在深喉咙CMS更名为稻壳CMS,雅风有了写个稻壳CMS模板制作入门教程的想法,所以本教程旨在回馈深喉咙CMS和稻壳CMS,分享制作经验,方便新手查阅。

雅风不喜视频教程,总觉得视频教程传播不便而且观看费事不直观,所以写这套图文教程,希望能够给新手带来帮助,让高手们见笑了。

雅风才疏学浅,语言表达能力有限,还恳请各位对于教程多批评指正。

此教程在[企业网站模板网 950d.com]和[稻壳CMS官网]论坛同步更新。

另外,请尊重版权,转载此教程请注明出处[企业网站模板网 950d.com]和作者[雅风 QQ号:5685200],谢谢。

稻壳cms(Doccms)的模板安装过程

koran 发表了文章 • 0 个评论 • 1106 次浏览 • 2017-04-05 10:09 • 来自相关话题

稻壳cms的模板安装和深喉咙cms的模板安装过程基本一致。

稻壳cms的模板安装可以分成两种方式:

一是直接后台上传模板zip压缩包;二是FTP上传模板文件夹至skins目录。本站推荐使用后者。

如果是后台上传模板zip压缩包,先将模板目录压缩成zip格式,然后登录网站后台,开始构建网站,选择模板管理,再选择“选择文件”按钮,然后上传且安装。

如果是FTP形式,可以直接将模板文件夹上传至网站的skins目录即可。

模板上传安装好之后,需要登录网站后台,开始构建网站,选择模板管理,选择对应模板使用,才可以有效。如果有配套数据库,还需要导入数据库。 查看全部
稻壳cms的模板安装和深喉咙cms的模板安装过程基本一致。

稻壳cms的模板安装可以分成两种方式:

一是直接后台上传模板zip压缩包;二是FTP上传模板文件夹至skins目录。本站推荐使用后者。

如果是后台上传模板zip压缩包,先将模板目录压缩成zip格式,然后登录网站后台,开始构建网站,选择模板管理,再选择“选择文件”按钮,然后上传且安装。

如果是FTP形式,可以直接将模板文件夹上传至网站的skins目录即可。

模板上传安装好之后,需要登录网站后台,开始构建网站,选择模板管理,选择对应模板使用,才可以有效。如果有配套数据库,还需要导入数据库。

稻壳cms(Doccms)网站搬家更换空间大体流程

koran 发表了文章 • 0 个评论 • 728 次浏览 • 2017-04-05 10:03 • 来自相关话题

  稻壳cms构建的企业网站如果需要转移网站虚拟主机或空间,则需要对模板、数据库、上传的数据资料进行备份后,再进行转移。

大体步骤是:

1、备份模板目录

2、备份数据库并下载

3、备份config/doc-config.php文件

4、备份upload文件夹

5、在新的网站空间中安装同样版本的稻壳cms程序

6、后台导入之前备份的数据库,注意数据表前缀要一致,如果不一致可以修改config文件

7、按照之前备份的config/doc-config.php文件内容进行站点设置

8、上传模板并在后台设置使用该模板

9、上传之前备份的upload文件夹

如果之前对稻壳cms的程序文件进行过改动,还要备份对应文件。

或者:

1、phpmyadmin备份数据库

2、下载全站程序文件

3、将全站程序文件上传至新空间

4、phpmyadmin导入之前备份的数据库

5、修改conofig/doc-config.php文件中的数据库配置信息 查看全部
  稻壳cms构建的企业网站如果需要转移网站虚拟主机或空间,则需要对模板、数据库、上传的数据资料进行备份后,再进行转移。

大体步骤是:

1、备份模板目录

2、备份数据库并下载

3、备份config/doc-config.php文件

4、备份upload文件夹

5、在新的网站空间中安装同样版本的稻壳cms程序

6、后台导入之前备份的数据库,注意数据表前缀要一致,如果不一致可以修改config文件

7、按照之前备份的config/doc-config.php文件内容进行站点设置

8、上传模板并在后台设置使用该模板

9、上传之前备份的upload文件夹

如果之前对稻壳cms的程序文件进行过改动,还要备份对应文件。

或者:

1、phpmyadmin备份数据库

2、下载全站程序文件

3、将全站程序文件上传至新空间

4、phpmyadmin导入之前备份的数据库

5、修改conofig/doc-config.php文件中的数据库配置信息