热线:189 8066 0337 / 028-87446644
邮箱:diancms@qq.com
首页>>学习交流>>用户交流>> 官方演示模版首页样式及标签的制作教程
书PK小说
苍瀚的风云
官方演示模版首页样式及标签的制作教程
发表于 2010/8/19 18:51:00 收藏本页 举报错误楼主
【登录】后查看本内容!还没注册?【立即注册会员】
书PK小说
苍瀚的风云
RE:官方演示模版首页样式及标签的制作教程
回复于 2010/8/19 18:52:00#1楼

点击顶端的模型表单,选择左侧的管理模型录入界面在右侧最下方有一个添加信息、文章系统、管理后台,点击右侧的那个修改。下图我把鼠标放那里里,不要选择那里的修改。要选 1 的修改。
我们把最下方的那个所属栏目剪切到最上方去,就是含两个tr之间的内容,见下方图片。我把所属栏目放到标题前缀前面去了。


点击提交并生成,ok了,我们回到内容管理-文章系统-添加信息那里,会看到所属栏目跑上面去了,呵呵,我喜欢所属栏目在上方。
点击所属栏目会出现上图所示,我们在新闻资讯那里添加一篇测试的文章,点击新闻资讯前面的小圆圈然后点击确认。。
好了,文章我们会添加了,首页图片这里我直接输入了图片地址。下面我先做首页的栏目标签吧。以官方提示的演示站模版为标准来做的。 我们先根据下图的菜单代码先去做样式去。
点击顶端界面布局,在左侧创建新样式那里选择文章系统,我没有建立样式的分类,直接默认了,你们要是建站的话,建立几个分类管理起来方便。样式名称为菜单样式,实用类型选择了栏目展示。{D_F_CnName}栏目中文名称{D_F_ColumnUrl}栏目链接


确定,保存起来。ok样式建立好了,下面我们建立调用这个样式的标签去。在左侧下方的标签管理那点击创建。 在右侧模型标签那里点击文章系统, 弹出的设置模型标签后,我们选择栏目展示。调用方式选择指定栏目,引用样式选择咱们刚刚建立的样式(菜单样式),布局我喜欢div+css,易点的table插入很多预制的代码,俺不喜欢,这点不**,下面的部分看图就可以。
记得点确认。
这样标签不要插入的内容我们就做好了。点击确定返回后我们会看到刚才建立的标签。下一步我们复制标签插入到模版中去。


刷新首页,菜单出来了,晕,怎么感觉像是少建立了一个栏目呢?


 

书PK小说
苍瀚的风云
RE:官方演示模版首页样式及标签的制作教程
回复于 2010/8/19 18:56:00#2楼

忘记把首页做进去了,我再改动一下去。


ok好了。刷新首页正常啦。下面我们做这部分的内容


找到他们的代码,先去制作样式,实用类型选择列表样式,标题那里我选择了字符截取,字段为标题,截取字符长度为16字符也就是8个汉字。hrer后面选择的是内容URL。
保存起来。下面去做调用这个样式的标签去。创建文章系统的标签,选择普通列表,所属栏目我选择的所有栏目,调用数据6条,看下图:
这样就可以保存了。你们也可以选择自己想调用的栏目,在关联字段那里选择你建立的所属栏目英文名字suoshulanmu,下方我没有选,你们选上就可以,这里我不是很理解,所以没有用过这个功能,你们在空闲的时候可以用用试试,调用起来很方便,针对**也很强。



ok了点保存,然后拷贝这个标签到模版中去。


保存模版,刷新首页。


我们刚才添加的那篇文章出来了,按照我们截取的字符数正常的显示出来了。下面我们再做一块内容如下图:


菜单栏下方的这块内容,老规矩,找到代码先去做样式去,创建文章系统样式,实用类型还是选择列表样式。标题截取了30字符也就是15个汉字。title我们选择的是标题。
 

书PK小说
苍瀚的风云
RE:官方演示模版首页样式及标签的制作教程
回复于 2010/8/19 19:00:00#3楼

保存样式,我们去做调用这个样式的标签去。创建文章系统类型的模型标签,选择普通列表,如下图我们也可以选择推荐、焦点、头条、置顶等类型,这里我选择的是推荐。

保存标签,把这个标签放到模版的相应位置调用它。


刷新首页,晕,没有显示出内容来啊,忘记把咱们刚才添加的文章选择推荐属**了。我去改,把文章属**选择推荐。【下图】
刷新首页,呵呵,出来了。【下图】


下面我们再做一个头条的效果。


老规矩,找到代码做样式去,标题截取了36个字符18个汉字,内容截取了120字符60汉字。


再去做调用这个样式的标签去,调用数量选择了1条,数据筛选为头条。对了为了显示效果,我去把文章的内容再增添一些字去,顺便把文章也选成头条,还有,标题截取字符多了些,我去把文章的标题也改改去。
把标签放到模板的相应位置:


好了,刷新首页去。


 

书PK小说
苍瀚的风云
回复于 2010/8/19 19:04:00#4楼
显示出来了。 【快下班了,济南这里下暴雨呢,快赶上前几年的718了,拷,幸亏没做过什么坏事,外面的雷几秒钟一下,不知道哪群碳管要被劈了。】 接着来,我没再选择一块来调用。
这块不调用了,代码显示前面的序列号为图片,我们可以做一个图片背景放到这个div里面来,内容和其他块的调用没有什么区别,用css控制左侧的距离就可以了。
这块我把名字改成新闻资讯了,找到代码我们做样式去。
样式建立好了,我们做调用这个样式的标签去。 这里标签我们在所属栏目那里选择——选择栏目。

我们把建立好的标签放到模板的相应位置。
刷新首页
ok调用出来了,这样,首页相关的块,都差不多会调用了,下面有个友情合作,直接用标签就可以调用,不用去做样式。在通用标签那里选择系统常用标签,在系统常用标签里面选择友情链接。
关于演示站首页模版标签的调用和样式的制作就到这里了,下次我们做栏目页和内容页的样式以及标签的调用,由于2.0版本栏目循环要用到VS Free标签,我对那块不是很熟悉,所以不做关于栏目循环类的父栏目的栏目循环演示了。
无限草原
满溢的回忆
回复于 2010/8/19 21:18:00#5楼
教程很不错。 要是细分下就好了,比如:创建栏目的时候,就单独一个帖子、创建字段也来单独帖子可能比较好。
lzh370
路旁的落叶
回复于 2010/11/26 9:27:00#6楼
:D 强帖要顶!
xsenlin
路旁的落叶
回复于 2010/12/12 23:03:00#7楼
学习中:D
mychyfn
流浪的疾风
RE:官方演示模版首页样式及标签的制作教程
回复于 2011/9/8 10:12:32#8楼

绝对强帖  学习咯

33434543
新手上路
RE:官方演示模版首页样式及标签的制作教程
回复于 2011/11/24 14:58:29#9楼

DianCMS.寒
深海的明珠
RE:官方演示模版首页样式及标签的制作教程
回复于 2011/12/3 19:48:25#10楼

这是谁啊,传个案例图片上来?测试?

wap建站 A5源码 维萨传播 中国站长下载 ASP.NET CMS 易点内容管理系统 易点CMS CMS 中国站长站 cms系统 成都网站建设