DOCCMS

DOCCMS

稻壳CMS专区
模板专区

模板专区

模板发布和下载
常见问题

常见问题

DOCCMS常见问题
源码专区

源码专区

其他源码下载

稻壳CMS模板教程-第十节 内页模板common.php对应的parts文件的修改

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

官方模板默认的parts文件样式可能满足不了我们的需求,那么如果我们事先写好了各个内页的html代码,我们就可以自定义内页内容的显示样式了。

parts文件存储在parts文件夹的各个子文件夹中,list子文件夹里的文件就对应新闻列表内页样式,product子文件夹里的文件就对应产品内页的样式,list_index_0就是新闻列表页样式,list_view_0就是新闻详细页样式。

parts文件的修改和标签样式文件的修改方法一样,只不多代码多了一些,结构复杂了一些而已。我们要注意,parts文件里的程序代码不要修改,只修改外围的html结构和循环的html代码即可,以下举例list_index_0说明:

<?php
// 为方便并保证您以后的快速升级 请使用SHL提供的如下全局数组

// 数组定义/config/doc-global.php

// 如有需要, 请去掉注释,输出数据。
/*
echo '<pre>';
print_r($tag);
echo '</pre>';
*/
?>
<style type="text/css">
*{ margin:0; padding:0;}
ul,li{ list-style:none;}
a{ text-decoration:none;}
.mionmenu1 li{ font-size:12px; height:24px; float:left; cursor:pointer; padding-left:12px; margin-right:8px;}
.mionmenu1 li span{ display:block; padding-right:12px; line-height:24px;}
.mionmenu1 .hover{ color:#fff;background:url(/images/index3/zxlileft.png) no-repeat left top;}
.mionmenu1 .hover span{background:url(/images/index3/zxliright.png) no-repeat right top;}
.mionlist1{ display:none;}
#mionblock{ display:block;}
.mionlist1 li{ width:328px; height:124px; float:left; background:#eee; margin:0 14px 14px 0;}
.mionlist1 li img{ float:left; width:124px; height:124px;}
.mionlist1 li h3{ float:left; width:180px; height:40px; line-height:40px; text-indent:12px; overflow:hidden; font-size:16px; font-family:"微软雅黑";}
.mionlist1 li h3 a{ color:#333;}
.mionlist1 li p{ float:left; width:167px; padding:2px 0 0 13px; overflow:hidden; height:63px; line-height:21px; color:#888;}
#articeBottom { font-size: 14px; margin: 6px 0 10px; padding-top: 10px; text-align: right; width: 97%;}
</style>
<div class="mionlist1" id="mionblock">
<ul>
<?php
if( !empty( $tag['data.results'] ) )
{
foreach($tag['data.results'] as $k =>$data)
{

?>
<li><a href="<?php echo sys_href($data['channelId'],'list',$data['id'])?>"><img src="<?php echo ispic($data['originalPic']); ?>" /></a><h3><a href="<?php echo sys_href($data['channelId'],'list',$data['id'])?>" title="<?php echo $data['title']; ?>" <?php echo $data['style']; ?>><?php echo $data['title']; ?></a></h3><p><?php echo $data['description']; ?></p></li>
<?php 
}
}
else
{
echo '暂无文章。';
}
?>
</ul>
<div class="clear"></div>
<div id="articeBottom"><?php if(!empty($tag['pager.cn'])) echo $tag['pager.cn']; ?></div>
</div>

上面代码中:
蓝色部分的是css样式文件,可以自由改动或者删除统一调用单独文件;
红色部分的是新闻列表外围包含的div或ul,可以自由修改成自己的结构;
绿色部分的是新闻列表循环的li部分,可以根据和参考原有代码进行修改结构;
黄色代码是分页代码,不可删除

其他部分的代码就是程序代码了我们不要做改动。

将各个需要使用到的parts文件都修改好之后,模板我们就基本做好了。 查看全部
官方模板默认的parts文件样式可能满足不了我们的需求,那么如果我们事先写好了各个内页的html代码,我们就可以自定义内页内容的显示样式了。

parts文件存储在parts文件夹的各个子文件夹中,list子文件夹里的文件就对应新闻列表内页样式,product子文件夹里的文件就对应产品内页的样式,list_index_0就是新闻列表页样式,list_view_0就是新闻详细页样式。

parts文件的修改和标签样式文件的修改方法一样,只不多代码多了一些,结构复杂了一些而已。我们要注意,parts文件里的程序代码不要修改,只修改外围的html结构和循环的html代码即可,以下举例list_index_0说明:

<?php
// 为方便并保证您以后的快速升级 请使用SHL提供的如下全局数组

// 数组定义/config/doc-global.php

// 如有需要, 请去掉注释,输出数据。
/*
echo '<pre>';
print_r($tag);
echo '</pre>';
*/
?>
<style type="text/css">
*{ margin:0; padding:0;}
ul,li{ list-style:none;}
a{ text-decoration:none;}
.mionmenu1 li{ font-size:12px; height:24px; float:left; cursor:pointer; padding-left:12px; margin-right:8px;}
.mionmenu1 li span{ display:block; padding-right:12px; line-height:24px;}
.mionmenu1 .hover{ color:#fff;background:url(/images/index3/zxlileft.png) no-repeat left top;}
.mionmenu1 .hover span{background:url(/images/index3/zxliright.png) no-repeat right top;}
.mionlist1{ display:none;}
#mionblock{ display:block;}
.mionlist1 li{ width:328px; height:124px; float:left; background:#eee; margin:0 14px 14px 0;}
.mionlist1 li img{ float:left; width:124px; height:124px;}
.mionlist1 li h3{ float:left; width:180px; height:40px; line-height:40px; text-indent:12px; overflow:hidden; font-size:16px; font-family:"微软雅黑";}
.mionlist1 li h3 a{ color:#333;}
.mionlist1 li p{ float:left; width:167px; padding:2px 0 0 13px; overflow:hidden; height:63px; line-height:21px; color:#888;}
#articeBottom { font-size: 14px; margin: 6px 0 10px; padding-top: 10px; text-align: right; width: 97%;}
</style>
<div class="mionlist1" id="mionblock">
<ul>
<?php
if( !empty( $tag['data.results'] ) )
{
foreach($tag['data.results'] as $k =>$data)
{

?>
<li><a href="<?php echo sys_href($data['channelId'],'list',$data['id'])?>"><img src="<?php echo ispic($data['originalPic']); ?>" /></a><h3><a href="<?php echo sys_href($data['channelId'],'list',$data['id'])?>" title="<?php echo $data['title']; ?>" <?php echo $data['style']; ?>><?php echo $data['title']; ?></a></h3><p><?php echo $data['description']; ?></p></li>
<?php 
}
}
else
{
echo '暂无文章。';
}
?>
</ul>
<div class="clear"></div>
<div id="articeBottom"><?php if(!empty($tag['pager.cn'])) echo $tag['pager.cn']; ?></div>
</div>

上面代码中:
蓝色部分的是css样式文件,可以自由改动或者删除统一调用单独文件;
红色部分的是新闻列表外围包含的div或ul,可以自由修改成自己的结构;
绿色部分的是新闻列表循环的li部分,可以根据和参考原有代码进行修改结构;
黄色代码是分页代码,不可删除

其他部分的代码就是程序代码了我们不要做改动。

将各个需要使用到的parts文件都修改好之后,模板我们就基本做好了。

稻壳CMS模板教程-第九节 内页模板common.php的建立

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

稻壳cms模板和深喉咙模板一样,只需要首页和内页两个模板页就可以创建一个整站了。

打开内页模板common.php文件,像修改首页模板index.php一样,重复一遍第四节中我们所做的操作,只不过我们要把body部分替换成内页的html文件里的代码内容,别忘记了把image和css以及js等文件的路径进行替换修改,详细大家可以回顾下第四节的内容。

内页模板common.php中,所有的标签操作和首页模板index.php里是一样的,只不过内页模板common.php无法使用后台的标签管理功能,但我们可以活学活用,将要添加的标签先放首页模板中,然后到后台里设置一下,再剪切到内页模板common.php中。

内页模板common.php里和首页模板index.php有几个需要修改的地方,这里特别说明一下:

1、导航代码里首页链接的选中状态要删除;
2、一般左侧可能要添加栏目菜单,这里我们可以使用<?php nav_sub()?>标签,要注意标签参数的选择,尤其注意不要和导航菜单所调用的样式文件冲突;
3、内页模板经常要添加当前位置标签<?php nav_location('>>','网站首页') //当前位置调用的标签?> 括号里的参数都可以根据自己需求修改。

最后,我们删除内页模板里除公共部分之外的页面具体内容区域的代码,添加<?php sys_parts()?>标签,保存文件,刷新页面,我们就会看到,整站内页各个栏目的内容都可以显示出来了。

<?php sys_parts()?>的作用是调用prats文件,也就是各个模块的显示文件,这些文件下一节我们继续讲。

至此,一套属于我们自己的布局结构的,使用官方默认parts文件的模板我们就大体做完了。 查看全部
稻壳cms模板和深喉咙模板一样,只需要首页和内页两个模板页就可以创建一个整站了。

打开内页模板common.php文件,像修改首页模板index.php一样,重复一遍第四节中我们所做的操作,只不过我们要把body部分替换成内页的html文件里的代码内容,别忘记了把image和css以及js等文件的路径进行替换修改,详细大家可以回顾下第四节的内容。

内页模板common.php中,所有的标签操作和首页模板index.php里是一样的,只不过内页模板common.php无法使用后台的标签管理功能,但我们可以活学活用,将要添加的标签先放首页模板中,然后到后台里设置一下,再剪切到内页模板common.php中。

内页模板common.php里和首页模板index.php有几个需要修改的地方,这里特别说明一下:

1、导航代码里首页链接的选中状态要删除;
2、一般左侧可能要添加栏目菜单,这里我们可以使用<?php nav_sub()?>标签,要注意标签参数的选择,尤其注意不要和导航菜单所调用的样式文件冲突;
3、内页模板经常要添加当前位置标签<?php nav_location('>>','网站首页') //当前位置调用的标签?> 括号里的参数都可以根据自己需求修改。

最后,我们删除内页模板里除公共部分之外的页面具体内容区域的代码,添加<?php sys_parts()?>标签,保存文件,刷新页面,我们就会看到,整站内页各个栏目的内容都可以显示出来了。

<?php sys_parts()?>的作用是调用prats文件,也就是各个模块的显示文件,这些文件下一节我们继续讲。

至此,一套属于我们自己的布局结构的,使用官方默认parts文件的模板我们就大体做完了。

稻壳CMS模板教程-第八节 图文、新闻、产品等功能性标签的添加使用

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

这一节相当重要,是整个稻壳cms模板制作的重中之重,这节学完之后,很多问题就会迎刃而解。

在上一节中,我们了解到稻壳cms模板标签的基本使用方法包含两个部分,第一是在模板文件中添加模板标签及参数来调用样式文件,第二是在对应样式文件中添加代码。

关于稻壳cms模板标签,官方尚未发布说明文件,雅风整理了一些常用标签,各位可以看雅风的稻壳标签帖子来简单熟悉下:http://www.doccms.net/thread-404-1-1.html

稻壳cms模板标签的参数一一对应不同的功能,以新闻列表标签为例:

<?php doc_list('8|9',1,0,30,50,0,true,true,'id',0)?>

上面是一个标准的稻壳cms新闻列表标签示范,我们看到其中的参数要比上一节的导航标签多很多,其中的标签参数表示调用ID,调用新闻列表条数,新闻标题字数,排序方式等等。

在以往使用深喉咙cms模板标签时,我们要对照模板标签说明文件来一一修改参数,不但修改起来不方便,而且经常容易出错,改错一个参数就意味着页面显示不正常或程序报错。

而在新版的稻壳cms系统中,增加了一项非常实用快速设置模板标签参数的功能,那就是后台的标签管理功能,该功能能够通过可视化的方式来选取设置模板标签参数,自动添加模板标签参数,无需我们手动修改标签数值了。

那么我们就先来示范下稻壳cms的模板标签管理功能使用方法。

首先打开index.php首页模板文件,在欲添加标签的位置添加对应标签,例如我们想添加新闻列表标签doc_list,就可以输入<?php doc_list()?>,想添加视频标签,就可以输入<?php doc_video()?>,想添加焦点图标签,就可以输入<?php doc_focus()?>,这里我们可以随便给标签输入几个参数,也可以把参数的括号内留空不输入参数,保存文件。

接下来我们登录后台——开始构建网站——模板管理——选择使用对应的模板后——选择标签可视化管理一栏中的点击展开标签管理,这时候我们会看到下面的这个界面:





注意看红圈标注的内容,是不是就对应出现了我们添加在index.php首页模板文件中的标签按钮了。

我们依次点击模板中不同位置的不同标签按钮,会出现各自的标签调用设置界面,以list标签为例:





我们看到,标签调用设置界面我们可以非常方便地选择调用栏目、调用条数、样式文件、标题字数等详细参数。我们一一选择好对应参数后,保存标签调用设置,然后回到DW中,DW会提示index.php首页模板文件进行过改动,是否重新加载,重新加载或重新打开index.php首页模板文件后,我们会发现刚才我们输入的<?php doc_list()?>标签变成了<?php doc_list('8|9',6,0,30,50,0,true,true,'id',0)?>这种带有详细参数的完整标签了。

现在我们完成了模板文件里的标签添加和参数修改,下一步就是对模板标签对应的样式文件进行修改了。

我们打开模板目录的index/list/list_0.php这个对应的list样式文件进行修改。以最简单的新闻列表结构为例,假设index.php首页模板文件中的新闻类表代码最开始的时候是这样:

<div class="newslist">
<ul>
<li><a href="#">新闻标题文字</a><span>[2012-12-12]</span></li>
<li><a href="#">新闻标题文字</a><span>[2012-12-12]</span></li>
<li><a href="#">新闻标题文字</a><span>[2012-12-12]</span></li>
<li><a href="#">新闻标题文字</a><span>[2012-12-12]</span></li>
<li><a href="#">新闻标题文字</a><span>[2012-12-12]</span></li>
<li><a href="#">新闻标题文字</a><span>[2012-12-12]</span></li>
</ul>
</div>

那么我们添加好标签后就应该是这样:

<div class="newslist">
<ul>
<?php doc_list('8|9',6,0,30,50,0,true,true,'id',0)?>
</ul>
</div>

我们可以看到,标签所在的位置,就是进行li循环输出的位置,外围的ul和div要包围好模板标签,html结构保持不变,那么对应的li的部分我们就应该写在了index/list/list_0.php样式文件中了。

打开index/list/list_0.php文件,修改代码结果如下:

<li>
<a href="<?php echo sys_href($data['channelId'],'list',$data['id'])?>"><?php echo $data['title']; ?><span><?php echo date('[Y-m-d]',strtotime($data['dtTime'])); ?></span></a>
</li>

我们看到上面,会发现把链接地址、新闻标题、日期这些动态数据替换成了相应的代码,从而能够从数据库中读取进行动态显示。那么诸如“<?php echo $data['title']; ?>、<?php echo date('[Y-m-d]',strtotime($data['dtTime'])); ?>”这些代码我们可以直接参考官方默认模板中的各个样式文件,从中我们可以获取常用的代码,这里雅风就不一一细说了。

当然这只是一个最简单的新闻列表结构,如果复杂些,涉及到新闻图片、新闻标题、新闻日期、新闻点击数、新闻摘要等等细节显示,调用方法是一样的,只要标签添加好参数,样式文件按照之前我们写好的html结构文件来修改,就可以实现。

添加和修改好标签以及样式文件并保存后,我们刷新下页面会发现各个位置调用的数据不再是之前的静态html内容,而是数据库中的内容了:





细心的童靴好像发现了一个问题,就是上一节中我们添加的导航标签并没有在标签管理出现对应的按钮,这里特别说明一下,稻壳cms的模板标签管理功能,只对doc_开头的功能标签有效。

那么,其他的标签,比如产品、视频、友情链接、图片等标签的使用方法,和刚才讲的新闻列表标签使用方法都是一样的,雅风不一一举例说明了,大家只要掌握规律,就可以把首页模板制作完成了。现在还等什么,赶紧打开编辑器,去把首页模板做完吧。 查看全部
这一节相当重要,是整个稻壳cms模板制作的重中之重,这节学完之后,很多问题就会迎刃而解。

在上一节中,我们了解到稻壳cms模板标签的基本使用方法包含两个部分,第一是在模板文件中添加模板标签及参数来调用样式文件,第二是在对应样式文件中添加代码。

关于稻壳cms模板标签,官方尚未发布说明文件,雅风整理了一些常用标签,各位可以看雅风的稻壳标签帖子来简单熟悉下:http://www.doccms.net/thread-404-1-1.html

稻壳cms模板标签的参数一一对应不同的功能,以新闻列表标签为例:

<?php doc_list('8|9',1,0,30,50,0,true,true,'id',0)?>

上面是一个标准的稻壳cms新闻列表标签示范,我们看到其中的参数要比上一节的导航标签多很多,其中的标签参数表示调用ID,调用新闻列表条数,新闻标题字数,排序方式等等。

在以往使用深喉咙cms模板标签时,我们要对照模板标签说明文件来一一修改参数,不但修改起来不方便,而且经常容易出错,改错一个参数就意味着页面显示不正常或程序报错。

而在新版的稻壳cms系统中,增加了一项非常实用快速设置模板标签参数的功能,那就是后台的标签管理功能,该功能能够通过可视化的方式来选取设置模板标签参数,自动添加模板标签参数,无需我们手动修改标签数值了。

那么我们就先来示范下稻壳cms的模板标签管理功能使用方法。

首先打开index.php首页模板文件,在欲添加标签的位置添加对应标签,例如我们想添加新闻列表标签doc_list,就可以输入<?php doc_list()?>,想添加视频标签,就可以输入<?php doc_video()?>,想添加焦点图标签,就可以输入<?php doc_focus()?>,这里我们可以随便给标签输入几个参数,也可以把参数的括号内留空不输入参数,保存文件。

接下来我们登录后台——开始构建网站——模板管理——选择使用对应的模板后——选择标签可视化管理一栏中的点击展开标签管理,这时候我们会看到下面的这个界面:

图文、新闻、产品等功能性标签的添加使用(1).jpg

注意看红圈标注的内容,是不是就对应出现了我们添加在index.php首页模板文件中的标签按钮了。

我们依次点击模板中不同位置的不同标签按钮,会出现各自的标签调用设置界面,以list标签为例:

图文、新闻、产品等功能性标签的添加使用(2).jpg

我们看到,标签调用设置界面我们可以非常方便地选择调用栏目、调用条数、样式文件、标题字数等详细参数。我们一一选择好对应参数后,保存标签调用设置,然后回到DW中,DW会提示index.php首页模板文件进行过改动,是否重新加载,重新加载或重新打开index.php首页模板文件后,我们会发现刚才我们输入的<?php doc_list()?>标签变成了<?php doc_list('8|9',6,0,30,50,0,true,true,'id',0)?>这种带有详细参数的完整标签了。

现在我们完成了模板文件里的标签添加和参数修改,下一步就是对模板标签对应的样式文件进行修改了。

我们打开模板目录的index/list/list_0.php这个对应的list样式文件进行修改。以最简单的新闻列表结构为例,假设index.php首页模板文件中的新闻类表代码最开始的时候是这样:

<div class="newslist">
<ul>
<li><a href="#">新闻标题文字</a><span>[2012-12-12]</span></li>
<li><a href="#">新闻标题文字</a><span>[2012-12-12]</span></li>
<li><a href="#">新闻标题文字</a><span>[2012-12-12]</span></li>
<li><a href="#">新闻标题文字</a><span>[2012-12-12]</span></li>
<li><a href="#">新闻标题文字</a><span>[2012-12-12]</span></li>
<li><a href="#">新闻标题文字</a><span>[2012-12-12]</span></li>
</ul>
</div>

那么我们添加好标签后就应该是这样:

<div class="newslist">
<ul>
<?php doc_list('8|9',6,0,30,50,0,true,true,'id',0)?>
</ul>
</div>

我们可以看到,标签所在的位置,就是进行li循环输出的位置,外围的ul和div要包围好模板标签,html结构保持不变,那么对应的li的部分我们就应该写在了index/list/list_0.php样式文件中了。

打开index/list/list_0.php文件,修改代码结果如下:

<li>
<a href="<?php echo sys_href($data['channelId'],'list',$data['id'])?>"><?php echo $data['title']; ?><span><?php echo date('[Y-m-d]',strtotime($data['dtTime'])); ?></span></a>
</li>

我们看到上面,会发现把链接地址、新闻标题、日期这些动态数据替换成了相应的代码,从而能够从数据库中读取进行动态显示。那么诸如“<?php echo $data['title']; ?>、<?php echo date('[Y-m-d]',strtotime($data['dtTime'])); ?>”这些代码我们可以直接参考官方默认模板中的各个样式文件,从中我们可以获取常用的代码,这里雅风就不一一细说了。

当然这只是一个最简单的新闻列表结构,如果复杂些,涉及到新闻图片、新闻标题、新闻日期、新闻点击数、新闻摘要等等细节显示,调用方法是一样的,只要标签添加好参数,样式文件按照之前我们写好的html结构文件来修改,就可以实现。

添加和修改好标签以及样式文件并保存后,我们刷新下页面会发现各个位置调用的数据不再是之前的静态html内容,而是数据库中的内容了:

图文、新闻、产品等功能性标签的添加使用(3).jpg

细心的童靴好像发现了一个问题,就是上一节中我们添加的导航标签并没有在标签管理出现对应的按钮,这里特别说明一下,稻壳cms的模板标签管理功能,只对doc_开头的功能标签有效。

那么,其他的标签,比如产品、视频、友情链接、图片等标签的使用方法,和刚才讲的新闻列表标签使用方法都是一样的,雅风不一一举例说明了,大家只要掌握规律,就可以把首页模板制作完成了。现在还等什么,赶紧打开编辑器,去把首页模板做完吧。

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

常见问题koran 发表了文章 • 0 个评论 • 706 次浏览 • 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 个评论 • 890 次浏览 • 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 个评论 • 674 次浏览 • 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 个评论 • 964 次浏览 • 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 个评论 • 775 次浏览 • 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 个评论 • 765 次浏览 • 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 个评论 • 829 次浏览 • 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模板制作,所以这方面雅风不详细说明了,有什么问题请到官方群提问,热心稻壳粉会帮助你的。