奇新CMS实现页面和代码完全分离，只需在网页中添加模板标签，即可调用相应的程序模块，使用简单，维护方便。
在网页模版中添加您的qq号
介绍一下如何在您的网页中添加QQ在线状态，让您的访客联系您，您可以在网页模版中加入下列代码：
<front:qqonline uin="#{website.mapConfigMap['qq'].value}" site="奇新CMS" />
“qq”这个属性可以在后台网站管理->管理属性里边动态修改，下列的声明应该添加到页面的html标签中：
xmlns:front="http://java.sun.com/jsf/composite/front"
一行代码添加五连幅焦点图片
（1）添加使用div实现的五连幅焦点图片，后台只要添加有名称为“焦点图片”的栏目即可：
<front:focusPhotoArticleList categoryId="#{website.categoryMap['焦点图片'].id}" count="5" layout="div" />
（2）添加使用flash实现的五连幅焦点图片：
<front:focusPhotoArticleList categoryId="#{website.categoryMap['焦点新闻'].id}" recommend="true" count="5" layout="flash" photoWidth="350" photoHeight="250" textHeight="24" bgcolor="#F0F0F0" />
添加简易搜索框
您可在网页中添加简易的搜索框，此搜索框包含一个文本输入框和一个搜索按钮，可以对您的网站内容进行搜索，可放置在页面任何位置：
<front:search />
可通过CSS样式来自定义文本框和搜索按钮显示效果：
<front:search styleClass="" textSize="31" textStyleClass="so_text" buttonStyleClass="so_btn" />
添加垂直滚动文章列表
使用下列标签添加垂直滚动新闻列表：
<front:marquee2 orientation="vertical" styleClass="vbox" speed="50">
<front:articleList categoryId="#{website.categoryMap['新闻快讯'].id}" dateRendered="false" count="10" styleClass=" " />
</front:marquee2>
在这里，front:marquee2标签是添加无缝滚动效果，front:articleList标签是添加文章列表。
添加栏目分类列表
使用下列标签添加栏目分类列表：
<front:menuList navigation="true" styleClass="menuList2" categoryId="#{website.categoryMap['栏目名称'].id}" />
此标签支持的属性有：titlePhotoRendered - 是否显示栏目图片
添加留言板
奇新CMS内置一套留言板，您可以直接在您的栏目或者页面链接下列地址，即可访问：
/front/msgbd/
留言板支持翻页，回复，编辑，删除等功能，可满足网站用户留言需求。
添加论坛
奇新CMS内置一套论坛系统，您可以直接在您的栏目或者页面链接下列地址，即可访问：
/front/forum/
添加文章列表
下面是添加文章列表的标签：
<front:articleList categoryId="#{website.categoryMap['功能介绍'].id}" dateRendered="true" count="10" styleClass="articleList2" />
此标签是显示“功能介绍”这个栏目的10条文章，采用articleList2样式，日期也显示出来。
此标签支持的属性有：
categoryId - 栏目ID
dateRendered - 是否显示日期
count - 文章数目
styleClass - CSS样式
specialId - 专题ID
start - 文章从哪一行开始
userName - 发布文章的用户名
tagName - 标签名
keywords - 关键字
recommend - 是否推荐
photo - 是否是图片新闻
headerRendered - 是否显示标题栏
authorRendered - 是否显示作者
viewCountRendered - 是否显示查看数
commentCountRendered - 是否显示评论数
showPageControl - 是否显示翻页按钮
上述front:articleList元素的属性可以根据实际需要灵活进行设置。
添加文章内容
使用下列标签添加文章内容：
<front:article categoryId="#{website.categoryMap['企业介绍'].id}" dateRendered="false" titleRendered="false" lineRendered="false" authorAreaRendered="false"
styleClass="article1 article1_height" />
添加无缝滚动图片新闻列表
使用下列标签添加无缝滚动图片新闻列表：
<front:marquee orientation="horizontal" styleClass="hbox">
<front:photoArticleList styleClass="mqptlt_auto" categoryId="#{website.categoryMap['主题'].id}" count="10" layout="table" photoRendered="true" titleRendered="false"/>
</front:marquee>
在这里，front:marquee标签是添加无缝滚动效果，front:photoArticleList标签是添加图片新闻列表，图片新闻列表标签支持文章列表标签的大部分属性。
添加单篇新闻摘要信息
下列代码可添加单篇新闻摘要信息，包括单篇文章的标题，摘要，图片等：
<front:photoArticle categoryId="#{website.categoryMap['公司新闻'].id}" recommend="true" styleClass="importNews" photoRendered="true" titleRendered="true" summaryRendered="true" showViewContentLink="true" />
上边代码显示“公司新闻”栏目被推荐的第一篇图片新闻，显示这篇新闻的标题，摘要和标题图片，同时也显示“查看全文”链接。
添加当前日期
下列代码添加当前日期：
<h:outputText value="#{homePage.today}">
<f:convertDateTime dateStyle="full" />
</h:outputText>
添加用户登录
下列代码添加用户登录：
<front:login messagesRendered="false" styleClass="i_login" labelStyleClass="i_login_label" fieldStyleClass="i_login_field" buttonStyleClass="i_login_btn" registerEnabled="#{website.registerEnabled}" />
添加新注册的用户列表
下列代码添加新注册的用户列表：
<front:userList count="10" />
在网页中如何引用某个栏目链接？
奇新CMS提供了一个创新的方式来引用栏目和这个栏目的属性：
引用“功能介绍”这个栏目的标题：
#{website.categoryMap['功能介绍'].title}
引用“功能介绍”这个栏目的链接：
#{website.categoryMap['功能介绍'].hyperlink.href}
引用“功能介绍”这个栏目的子栏目数：
#{website.categoryMap['功能介绍'].childCount}
引用“功能介绍”这个栏目的对象数：
#{website.categoryMap['功能介绍'].objectCount}
引用“功能介绍”这个栏目的描述信息：
#{website.categoryMap['功能介绍'].description}
例如：
<a href="#{website.categoryMap['功能介绍'].hyperlink.href}" target="_blank">功能介绍</a>
上边这段代码可在网页中添加“功能介绍”这个栏目的链接。
使用这样的代码引用栏目的属性有以下优点：
1.只关联栏目名称，避免栏目删除或者重新添加引起的路径不一致问题。
2.相比绝对路径，可支持动态和静态两种页面，因为奇新CMS会自动根据配置生成动态或者静态两种页面链接。
3.易用性强，直观，方便页面设计或者模板制作人员添加修改。
属性值的使用
属性值是奇新CMS中提供灵活性的一个方式，用户可以在后台管理属性里边修改相应的属性值，页面添加属性值标签后，显示的值随着后台的修改而进行变化，页面不需要再次修改。
例1．页面显示普通文本信息：
电话：#{website.mapConfigMap['phone'].value}
说明：phone为自定义属性，后台可添加此属性，设置或更改其属性值。#{website.mapConfigMap['property'].value}中的property为自定义属性值，支持中文。
例2．文本链接使用属性值：
<a href="#{website.mapConfigMap['textLink'].value}" target="_blank">文本链接</a>
例3．图片链接使用属性值：
<a href="#{website.mapConfigMap['LogoLink'].value}" target="_blank"><img src="logo.gif" alt=" " title=" "/></a>
例4．嵌套使用多个属性值：
<a href="#{website.mapConfigMap['Link'].value}">
<span>#{website.mapConfigMap['Name'].value}</span>
</a>
例5．页面显示属性"程序版本号"的值：
<front:mapConfig key="程序版本号" />
例6．页面显示属性"安全生产天数"的值,"autodays"为true时让您定义的属性值随着日期的变化而自动增加：
<front:mapConfig key="安全生产天数" autodays="true" />
添加宣传图片
使用下列代码添加宣传组，通过后台上传宣传图片，可添加多个宣传组，设置宣传组的宽度和高度。
<front:ad adGroupName="A1" />
A1为后台添加的宣传组名称，和页面adGroupName值相同。添加宣传图片时，默认权重为0，页面不显示此内容。改为其他非零值后，在页面相应的宣传组中显示添加的宣传图片。
添加飘浮图片
下列代码添加网页浮动图片宣传组，通过后台上传飘浮图片。
<front:floatAd adGroupName="F1" closeButtonRendered="true" />
F1为后台添加的飘浮图片宣传组名称，和页面adGroupName值保持一致。此宣传组中添加飘浮图片时，默认权重为0，不显示此内容。改为非零值后，页面即刻显示飘浮图片。
closeButtonRendered，是否显示关闭按钮。鼠标移动到飘浮图片位置时图片会停止，点击关闭按钮后不再显示此飘浮图片。
奇新CMS率先支持百度地图API
百度地图API是一套由JavaScript语言编写的应用程序接口，它能够帮助您在网站中构建功能丰富、交互性强的地图应用程序。
百度地图API：http://openapi.baidu.com/map/
奇新CMS率先支持百度地图API：
http://www.zfqjava.com.cn/archive/article/article-147.html
只需要一行代码就可以在您的页面添加百度地图：
<front:baiduMaps centerLat="39.915" centerLng="116.404" />
百度地图控件支持的属性有：
key - 百度API Key
v- 百度API版本号
services - 是否提供数据服务
centerLat - 地图中心位置纬度
centerLng - 地图中心位置经度
zoom - 地图缩放比
markerTitle - 标示的标题
infoWindowTitle - 信息窗口的标题
infoWindowContent - 信息窗口的内容
infoWindowWidth - 信息窗口的宽
infoWindowHeight - 信息窗口的高
width - 地图宽度
height - 地图高度
奇新CMS同时也支持Google地图API：
http://www.zfqjava.com.cn/archive/article/article-148.html
添加谷歌地图的代码：
<front:googleMaps centerLat="39.915" centerLng="116.404" />
添加新贴列表
使用下列标签添加新贴列表：
<front:forumThreadList styleClass="articleList2" count="20" />
加载样式表文件
首页模板： <front:styleLinks indexPage="true" />
其他模板： <front:styleLinks />
