DOCCMS

DOCCMS

稻壳CMS专区
模板专区

模板专区

模板发布和下载
常见问题

常见问题

DOCCMS常见问题
源码专区

源码专区

其他源码下载

稻壳CMS模板教程-第七节 导航标签的添加

常见问题koran 发表了文章 • 0 个评论 • 282 次浏览 • 2017-04-05 10:31 • 来自相关话题

这一节相对有些难度,大家要仔细看。

我们以一个标准的带下拉菜单的导航代码为例,这里不说如何用js或jq制作二级下拉菜单,我们只说如何将做好的导航代码修改替换成读取数据库中频道栏目的代码。

修改前的html导航代码部分如下:

<ul id="menu">
<li><a href="#" id="select">首页</a></li>
<li><a href="#">公司简介</a>
<ul>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
</ul>
</li>
<li><a href="#">一级栏目</a>
<ul>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
</ul>
</li>
<li><a href="#">一级栏目</a>
<ul>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
</ul>
</li>
</ul>

这里我们看到,这是一个标准的二级下拉导航,包括一级频道名,二级栏目名,还有选中的样式。

因为首页的链接是固定的,没必要动态添加,所以我们先将首页的链接代码修改一下。

修改前:

<li><a href="#" id="select">首页</a></li>

修改后:

<li><a href="<?php echo $tag['path.root']?>/" id="select">首页</a></li>

接下来动态调用具体频道和栏目,我们在首页的链接代码下面输入主导航调用的标签:

<?php nav_main() //主导航调用的标签?>

该标签只有一个参数,作用是指定此导航标签所调用样式文件 index/__nav/nav_main_style.php 中"style" 的数值,默认不填则为 index/__nav/nav_main_0.php,如果写成<?php nav_main(1) //主导航调用的标签?>,则为 index/__nav/nav_custom_1.php。

我们要把具体频道和二级栏目的链接代码写到index/__nav/nav_main_0.php样式文件中,然后在index.php首页模板中用<?php nav_main() //主导航调用的标签?>来进行调用。

打开index/__nav/nav_main_0.php样式文件,修改其代码,修改后:

<?php
/*初始化参数
* by grysoft (狗头巫师)
* QQ:767912290
* nav_main_custom 调用频道导航的样式标签
*
* 样式文件存于 index文件夹下 nav_main_style.php 中。
* 第一参数:指定所调用样式文件 nav_main_style.php 中style 的数值。

* 如需要显示频道导航,在模板中加入 <?php nav_main()?> 标签即可。
* 此标签内置一递增变量 $i ,以方便制作各种样式的菜单, 此变量可在此文件中任意地方调用。;

*/
global $subs;
$select ='id="select"'; //选中状态的样式,若无选中状态,可不添加。
$target ='target="_blank"'; //外链则弹出新窗口,如不需要弹出新窗口可清空此变量。

if($params['id']!=$data['id'])if(sys_menu_info('id',true) != $data['id'])$select = '';
$target = $data['isTarget']?$target:'';

/************** 样式正文 ************/
?>
<li> 
<a href="<?php echo $url?>" <?php echo $target?> <?php echo $select?>><?php echo $data['title'];?></a>
<?php 
/* 
* 如需要频道导航显示子栏目菜单,将以下标签代码前的注释取消即可。 
*/
if(!empty($subs[$data['id']]))
{
?>
<ul>
<?php nav_sub($data['id'],0,0);?>
</ul>
<?php 
}
?>
</li>

注意第15行我们将选中状态修改成了'id="select",这里要根据你的导航代码实际情况来改
<?php echo $url?>表示栏目链接地址
<?php echo $target?>表示链接点击后窗口弹出状态
<?php echo $select?>表示调用上面的'id="select"选中状态
<?php echo $data['title'];?>表示一级频道名

<?php nav_sub($data['id'],0,0);?> 表示调用二级子菜单样式文件nav_sub_0.php(就是和nav_main_0.php同目录的index/__nav/nav_sub_0.php)
这个标签的三个参数分别表示:

$id:指定频道下调用栏目ID;
$style:指定此导行标签所调用样式文件index/__nav/nav_sub_style.php 中"style" 的数值,默认不填则为 index/__nav/nav_sub_0.php;
$expand:是否同时展开子类,默认不填则为展开全部,此参数有三个可选值 0、1、2,参数为0时则关闭所有二级以下子类,只展开二级栏目,参数为1 时则展开所有子类,参数为 2 时则只展开当前栏目的子类。

再打开index/__nav/nav_sub_0.php文件进行修改,修改其代码,修改后:

<?php
/*初始化参数
* by grysoft (狗头巫师)
* QQ:767912290
* nav_sub_custom 调用频道导航 子栏目的样式标签
* 样式文件存于 index文件夹下 nav_sub_style.php 中。

* 第一参数:指定频道下栏目调用,不填则默认当前栏目。
* 第二参数:指定所调用样式文件 nav_sub_style.php 中style 的数值,默认不填则为 nav_sub_0.php。 
* 第三参数:是否同时展开子类,默认不填则为展开。

* 此标签内置一递增变量 $i ,以方便制作各种样式的菜单, 此变量可在此文件中任意地方调用。;

*/
$select ='class="select"'; //选中状态的样式,若无选中状态,可不添加。
$target ='target="_blank"'; //外链则弹出新窗口,若不需弹出新窗口可清空此变量。
$ico = ispic($data['originalPic'])?'<img src="'.$data['originalPic'].'" />':''; //栏目图标,可在后台栏目缩略图处上传
$select = $params['id']==$data['id']?$select:''; 
$target = $data['isTarget']?$target:'';
?>

<li> 
<a href="<?=$url?>" <?=$target?>><?=$data['title'];?></a>
</li>

接下来我们将上面导航代码部分多余的代码删除,修改后为:

<ul id="menu">
<li><a href="<?php echo $tag['path.root']?>/" id="select">首页</a></li>
<?php nav_main() //主导航调用的标签?> 
</ul>

保存index.php模板文件,刷新网站首页,我们看,导航部分就被调用好了。





我们把上面修改好的导航代码复制到common.php页面对应位置,删除首页链接部分的 id="select",commoh.php内页模板的导航也就修改好了。

这里我们谨记几点就可以顺利调用导航代码:

1、首先必须准备好静态html的导航代码且保证二级下拉菜单有效;
2、要保证html是标准的二级下拉代码,方便循环调用和多级调用;
3、将各部分代码分解到nav_main_style.php和nav_sub_style.php中,要保持结构不变;
4、如果是三级或多级下拉,同理操作在nav_sub_style.php继续添加标签调用即可; 查看全部
这一节相对有些难度,大家要仔细看。

我们以一个标准的带下拉菜单的导航代码为例,这里不说如何用js或jq制作二级下拉菜单,我们只说如何将做好的导航代码修改替换成读取数据库中频道栏目的代码。

修改前的html导航代码部分如下:

<ul id="menu">
<li><a href="#" id="select">首页</a></li>
<li><a href="#">公司简介</a>
<ul>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
</ul>
</li>
<li><a href="#">一级栏目</a>
<ul>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
</ul>
</li>
<li><a href="#">一级栏目</a>
<ul>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
<li><a href="#">二级栏目</a></li>
</ul>
</li>
</ul>

这里我们看到,这是一个标准的二级下拉导航,包括一级频道名,二级栏目名,还有选中的样式。

因为首页的链接是固定的,没必要动态添加,所以我们先将首页的链接代码修改一下。

修改前:

<li><a href="#" id="select">首页</a></li>

修改后:

<li><a href="<?php echo $tag['path.root']?>/" id="select">首页</a></li>

接下来动态调用具体频道和栏目,我们在首页的链接代码下面输入主导航调用的标签:

<?php nav_main() //主导航调用的标签?>

该标签只有一个参数,作用是指定此导航标签所调用样式文件 index/__nav/nav_main_style.php 中"style" 的数值,默认不填则为 index/__nav/nav_main_0.php,如果写成<?php nav_main(1) //主导航调用的标签?>,则为 index/__nav/nav_custom_1.php。

我们要把具体频道和二级栏目的链接代码写到index/__nav/nav_main_0.php样式文件中,然后在index.php首页模板中用<?php nav_main() //主导航调用的标签?>来进行调用。

打开index/__nav/nav_main_0.php样式文件,修改其代码,修改后:

<?php
/*初始化参数
* by grysoft (狗头巫师)
* QQ:767912290
* nav_main_custom 调用频道导航的样式标签
*
* 样式文件存于 index文件夹下 nav_main_style.php 中。
* 第一参数:指定所调用样式文件 nav_main_style.php 中style 的数值。

* 如需要显示频道导航,在模板中加入 <?php nav_main()?> 标签即可。
* 此标签内置一递增变量 $i ,以方便制作各种样式的菜单, 此变量可在此文件中任意地方调用。;

*/
global $subs;
$select ='id="select"'; //选中状态的样式,若无选中状态,可不添加。
$target ='target="_blank"'; //外链则弹出新窗口,如不需要弹出新窗口可清空此变量。

if($params['id']!=$data['id'])if(sys_menu_info('id',true) != $data['id'])$select = '';
$target = $data['isTarget']?$target:'';

/************** 样式正文 ************/
?>
<li> 
<a href="<?php echo $url?>" <?php echo $target?> <?php echo $select?>><?php echo $data['title'];?></a>
<?php 
/* 
* 如需要频道导航显示子栏目菜单,将以下标签代码前的注释取消即可。 
*/
if(!empty($subs[$data['id']]))
{
?>
<ul>
<?php nav_sub($data['id'],0,0);?>
</ul>
<?php 
}
?>
</li>

注意第15行我们将选中状态修改成了'id="select",这里要根据你的导航代码实际情况来改
<?php echo $url?>表示栏目链接地址
<?php echo $target?>表示链接点击后窗口弹出状态
<?php echo $select?>表示调用上面的'id="select"选中状态
<?php echo $data['title'];?>表示一级频道名

<?php nav_sub($data['id'],0,0);?> 表示调用二级子菜单样式文件nav_sub_0.php(就是和nav_main_0.php同目录的index/__nav/nav_sub_0.php)
这个标签的三个参数分别表示:

$id:指定频道下调用栏目ID;
$style:指定此导行标签所调用样式文件index/__nav/nav_sub_style.php 中"style" 的数值,默认不填则为 index/__nav/nav_sub_0.php;
$expand:是否同时展开子类,默认不填则为展开全部,此参数有三个可选值 0、1、2,参数为0时则关闭所有二级以下子类,只展开二级栏目,参数为1 时则展开所有子类,参数为 2 时则只展开当前栏目的子类。

再打开index/__nav/nav_sub_0.php文件进行修改,修改其代码,修改后:

<?php
/*初始化参数
* by grysoft (狗头巫师)
* QQ:767912290
* nav_sub_custom 调用频道导航 子栏目的样式标签
* 样式文件存于 index文件夹下 nav_sub_style.php 中。

* 第一参数:指定频道下栏目调用,不填则默认当前栏目。
* 第二参数:指定所调用样式文件 nav_sub_style.php 中style 的数值,默认不填则为 nav_sub_0.php。 
* 第三参数:是否同时展开子类,默认不填则为展开。

* 此标签内置一递增变量 $i ,以方便制作各种样式的菜单, 此变量可在此文件中任意地方调用。;

*/
$select ='class="select"'; //选中状态的样式,若无选中状态,可不添加。
$target ='target="_blank"'; //外链则弹出新窗口,若不需弹出新窗口可清空此变量。
$ico = ispic($data['originalPic'])?'<img src="'.$data['originalPic'].'" />':''; //栏目图标,可在后台栏目缩略图处上传
$select = $params['id']==$data['id']?$select:''; 
$target = $data['isTarget']?$target:'';
?>

<li> 
<a href="<?=$url?>" <?=$target?>><?=$data['title'];?></a>
</li>

接下来我们将上面导航代码部分多余的代码删除,修改后为:

<ul id="menu">
<li><a href="<?php echo $tag['path.root']?>/" id="select">首页</a></li>
<?php nav_main() //主导航调用的标签?> 
</ul>

保存index.php模板文件,刷新网站首页,我们看,导航部分就被调用好了。

导航标签的添加.jpg

我们把上面修改好的导航代码复制到common.php页面对应位置,删除首页链接部分的 id="select",commoh.php内页模板的导航也就修改好了。

这里我们谨记几点就可以顺利调用导航代码:

1、首先必须准备好静态html的导航代码且保证二级下拉菜单有效;
2、要保证html是标准的二级下拉代码,方便循环调用和多级调用;
3、将各部分代码分解到nav_main_style.php和nav_sub_style.php中,要保持结构不变;
4、如果是三级或多级下拉,同理操作在nav_sub_style.php继续添加标签调用即可;

稻壳cms模板教程-第六节 替换栏目标题

常见问题koran 发表了文章 • 0 个评论 • 249 次浏览 • 2017-04-05 10:28 • 来自相关话题

这一节说的是将首页主体区域中出现的静态文字栏目标题替换为数据库中的栏目标题,目的是后台修改频道栏目标题后,前台页面能自动更新。但请在后台创建晚上各频道和栏目标题后再执行此操作,否则如果删除某些栏目,新增其他栏目,栏目的ID发生了变化,之前调用的栏目标题将失效。

大家视情况学习和修改,如果你是给客户使用,可以替换成数据库中的栏目标题,这样客户客户不会去编辑模板文件,客户在后台改动栏目名称后能自动更新;
如果自己使用,用静态的标题也很方便修改,打开编辑器直接修改模板文件就可以了。

先要说说栏目信息调用标签的使用:

<?php echo sys_menu_info('title',true,'1')?>

其中第一个参数'title'表示栏目标题的意思,调用频道或栏目指定字段的数据,默认不填则调用title字段的数据;
第二个参数true表示调用顶级栏目,这里可以控制是否调用顶级频道的数据,默认不填则调用当前栏目的数据,true表示调用顶级栏目,false表示调用当前栏目;
第三个参数'1'表示调用ID为1的栏目,这里可以控制调用指定ID栏目的数据,默认不填则调用当前栏目数据。

该标签示例:

<?php echo sys_menu_info('title',false)?>
调用出当前页面的栏目中文标题。

<?php echo sys_menu_info('menuName',false)?>
调用出当前页面的栏目英文标题。

<img src="<?php echo sys_menu_info('originalPic',false)?> " >
调用出当前页面的栏目缩略图。

<?php echo sys_menu_info(‘title’,false,1)?>
调用出栏目ID 为1 的栏目标题。

<?php echo sys_menu_info('title',true)?>
调用出当前页面栏目的顶级频道的中文标题。

实例演示:

例如,某位置标题的代码为

<h2>新闻资讯</h2>

我们想把这里的新闻资讯四个字用标签的形式调用,调用数据库中对应栏目的名称,那么我们可以登录后台——构建网站——设置导航菜单——菜单控制中心里,看到第一项ID该栏目对应的数值为2,如下图所示:





按照之前教大家的方法,我们可以将上面代码改为:

<h2><?php echo sys_menu_info(‘title’,false,2)?></h2>

同理,如果我们标题的代码为

<h2>新闻资讯 / news</h2>

那么修改替换之后的代码就是:

<h2><?php echo sys_menu_info(‘title’,false,2)?> / <?php echo sys_menu_info(‘menuName’,false,2)?></h2>

将标题代码替换完之后,我们刷新下网站首页,看看是否发生变化,然后再到后台里修改下对应栏目标题,再刷新,看是否会发生变化。

如果栏目发生删除重建的情况,我们需要更改调用的ID即可。

如果是内页common.php里的当前栏目,那么我们就可以用 <?php echo sys_menu_info('title',false)?> 来进行调用,这里暂不详细说,等说到内页common.php模板时再说。 查看全部
这一节说的是将首页主体区域中出现的静态文字栏目标题替换为数据库中的栏目标题,目的是后台修改频道栏目标题后,前台页面能自动更新。但请在后台创建晚上各频道和栏目标题后再执行此操作,否则如果删除某些栏目,新增其他栏目,栏目的ID发生了变化,之前调用的栏目标题将失效。

大家视情况学习和修改,如果你是给客户使用,可以替换成数据库中的栏目标题,这样客户客户不会去编辑模板文件,客户在后台改动栏目名称后能自动更新;
如果自己使用,用静态的标题也很方便修改,打开编辑器直接修改模板文件就可以了。

先要说说栏目信息调用标签的使用:

<?php echo sys_menu_info('title',true,'1')?>

其中第一个参数'title'表示栏目标题的意思,调用频道或栏目指定字段的数据,默认不填则调用title字段的数据;
第二个参数true表示调用顶级栏目,这里可以控制是否调用顶级频道的数据,默认不填则调用当前栏目的数据,true表示调用顶级栏目,false表示调用当前栏目;
第三个参数'1'表示调用ID为1的栏目,这里可以控制调用指定ID栏目的数据,默认不填则调用当前栏目数据。

该标签示例:

<?php echo sys_menu_info('title',false)?>
调用出当前页面的栏目中文标题。

<?php echo sys_menu_info('menuName',false)?>
调用出当前页面的栏目英文标题。

<img src="<?php echo sys_menu_info('originalPic',false)?> " >
调用出当前页面的栏目缩略图。

<?php echo sys_menu_info(‘title’,false,1)?>
调用出栏目ID 为1 的栏目标题。

<?php echo sys_menu_info('title',true)?>
调用出当前页面栏目的顶级频道的中文标题。

实例演示:

例如,某位置标题的代码为

<h2>新闻资讯</h2>

我们想把这里的新闻资讯四个字用标签的形式调用,调用数据库中对应栏目的名称,那么我们可以登录后台——构建网站——设置导航菜单——菜单控制中心里,看到第一项ID该栏目对应的数值为2,如下图所示:

替换栏目标题.jpg

按照之前教大家的方法,我们可以将上面代码改为:

<h2><?php echo sys_menu_info(‘title’,false,2)?></h2>

同理,如果我们标题的代码为

<h2>新闻资讯 / news</h2>

那么修改替换之后的代码就是:

<h2><?php echo sys_menu_info(‘title’,false,2)?> / <?php echo sys_menu_info(‘menuName’,false,2)?></h2>

将标题代码替换完之后,我们刷新下网站首页,看看是否发生变化,然后再到后台里修改下对应栏目标题,再刷新,看是否会发生变化。

如果栏目发生删除重建的情况,我们需要更改调用的ID即可。

如果是内页common.php里的当前栏目,那么我们就可以用 <?php echo sys_menu_info('title',false)?> 来进行调用,这里暂不详细说,等说到内页common.php模板时再说。

稻壳CMS模板教程-第五节 给首页模板index.php添加站点名和搜索代码

常见问题koran 发表了文章 • 0 个评论 • 234 次浏览 • 2017-04-05 10:26 • 来自相关话题

接上节,虽然我们预览网站时,能看到首页和之前做好的静态页面首页相同的页面效果,但这个首页目前还是个静态页面,里面的内容是死的,并没有调用数据库里的任何资料,所以我们要把站点名称、导航、新闻、产品等内容进行动态调用,也就是给首页添加稻壳模板标签,调用数据库里的内容。

稻壳CMS模板官方标签说明:http://www.doccms.com/faq/

开始实际动手操作,首先来添加页面标题的标签。

添加标签前的代码:

<h1><a href="#">企业网站模板 950d.com</a></h1>

添加标签后的代码:

<h1><a href="<?php echo $tag['path.root']?>/"><?php echo $tag['site.title']; ?></a></h1>

其中:

<?php echo $tag['path.root']?> 表示站点根目录的意思,最后后面加了斜杠“/”。

<?php echo $tag['site.title']; ?> 表示站点标题,这个之前说过了。

这样就可以动态调用站点标题了。在后台——构建网站——站点设置中,修改下站点标题,然后刷新页面,看看变化了没有。

接下来添加全站模糊搜索标签.

添加标签前的代码:

<form>
  <input type="text">
  <button id="searchSubmit">搜索</button>
</form>

添加标签后的代码:

<form action="<?php echo $tag['form.action.search']; ?>" method="post">
  <input type="text" name="keyword">
  <button id="searchSubmit">搜索</button>
</form>

稻壳cms的搜索表单标签添加时的要点有两个:

1、首先要求您的搜索框的代码:<input name="keyword" id="keyword" type="text" value="" />,也就是input的name属性必需是[keyword];

2、第二要求您的搜索表单代码: <form name="search" method="post" action="<?php echo $tag['form.action.search']; ?>"></form>,也就是要求[action]动作必需使用<?php echo $tag['form.action.search']; ?>这个标签。

只要符合这2个条件,你的搜索表单就可以生效了。

预览网站,随便输入个关键词搜索下,看看搜索生效了没有。

上述的不管是搜索标签还是标题标签,都是固定格式的标签,这种标签是没有具体参数,也没有对应样式文件的,直接复制过来就可以使用生效的。 查看全部
接上节,虽然我们预览网站时,能看到首页和之前做好的静态页面首页相同的页面效果,但这个首页目前还是个静态页面,里面的内容是死的,并没有调用数据库里的任何资料,所以我们要把站点名称、导航、新闻、产品等内容进行动态调用,也就是给首页添加稻壳模板标签,调用数据库里的内容。

稻壳CMS模板官方标签说明:http://www.doccms.com/faq/

开始实际动手操作,首先来添加页面标题的标签。

添加标签前的代码:

<h1><a href="#">企业网站模板 950d.com</a></h1>

添加标签后的代码:

<h1><a href="<?php echo $tag['path.root']?>/"><?php echo $tag['site.title']; ?></a></h1>

其中:

<?php echo $tag['path.root']?> 表示站点根目录的意思,最后后面加了斜杠“/”。

<?php echo $tag['site.title']; ?> 表示站点标题,这个之前说过了。

这样就可以动态调用站点标题了。在后台——构建网站——站点设置中,修改下站点标题,然后刷新页面,看看变化了没有。

接下来添加全站模糊搜索标签.

添加标签前的代码:

<form>
  <input type="text">
  <button id="searchSubmit">搜索</button>
</form>

添加标签后的代码:

<form action="<?php echo $tag['form.action.search']; ?>" method="post">
  <input type="text" name="keyword">
  <button id="searchSubmit">搜索</button>
</form>

稻壳cms的搜索表单标签添加时的要点有两个:

1、首先要求您的搜索框的代码:<input name="keyword" id="keyword" type="text" value="" />,也就是input的name属性必需是[keyword];

2、第二要求您的搜索表单代码: <form name="search" method="post" action="<?php echo $tag['form.action.search']; ?>"></form>,也就是要求[action]动作必需使用<?php echo $tag['form.action.search']; ?>这个标签。

只要符合这2个条件,你的搜索表单就可以生效了。

预览网站,随便输入个关键词搜索下,看看搜索生效了没有。

上述的不管是搜索标签还是标题标签,都是固定格式的标签,这种标签是没有具体参数,也没有对应样式文件的,直接复制过来就可以使用生效的。

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

常见问题koran 发表了文章 • 0 个评论 • 248 次浏览 • 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 个评论 • 275 次浏览 • 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 个评论 • 259 次浏览 • 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 个评论 • 291 次浏览 • 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 个评论 • 233 次浏览 • 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 个评论 • 239 次浏览 • 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 个评论 • 228 次浏览 • 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文件中的数据库配置信息