使用说明

核心知识
多终端
插件
制作工具

模板标签大全

窗口快捷配置

自定义展示标签说明

常用技巧

一、新闻列表（包括列表页的文章列表）

系统默认结构
l 字段对齐，多列模式

窗口结构：

<ul class="wp_article_list">
    <li class="list_item i{序号值}">
        <div class="fields pr_fields">
            {序号} {标题}
        </div>
        <div class="fields ex_fields">
            <!--[FieldCycleBegin]-->
            {发布时间}
            <!--[FieldCycleEnd]-->
        </div>
    </li>
</ul>

模式说明：

 1、一条新闻的显示结构，当新闻配置显示多个字段时，显示字段内容，在上图的｛发布时间｝区域显示；

但字段循环体外的显示字段只能固定位置输出

 2、配置一行显示多列新闻时，通过在上述结构体外增加“<table>”,利用其“<td>”循环实现；

配置：

前台：

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="wp_article_list_table">
     <tbody>
         <tr>
             <td>
                 <ul class="wp_article_list">
                     <li class="list_item i1">
                         <div class="fields pr_fields">
                             1
                             <a href="/_s666/65/1d/c6769a25885/page.psp?_p=YWQ9MTY2NjcmcD0zJmY9Njc2OSZhPTI1ODg1Jm09Q1MmYz13MjImdj1XJg__"
                             target="_blank" title="市档案局领导来校调研“档案进校园”工作">
市档案局领导来校调研“档案进校...
                             </a>
                         </div>
                         <div class="fields ex_fields">
                             <a href="/_s666/65/1d/c6769a25885/page.psp?_p=YWQ9MTY2NjcmcD0zJmY9Njc2OSZhPTI1ODg1Jm09Q1MmYz13MjImdj1XJg__"
                             target="_blank" title="市档案局领导来校调研“档案进校园”工作">
市档案局领导来校调研“档案进校...
                             </a>
                             2016-06-29 (15)
                         </div>
                     </li>
                 </ul>
             </td>
         </tr>
         <tr>
             <td>
                 <ul class="wp_article_list">
                     <li class="list_item i2">
                         <div class="fields pr_fields">
                             2
                             <a href="/_s666/65/1e/c6769a25886/page.psp?_p=YWQ9MTY2NjcmcD0zJmY9Njc2OSZhPTI1ODg2Jm09Q1MmYz13MjImdj1XJg__"
                             target="_blank" title="“安全进校园”专题讲座在我院成功举办">
                                 “安全进校园”专题讲座在我院成...
                             </a>
                         </div>
                         <div class="fields ex_fields">
                             <a href="/_s666/65/1e/c6769a25886/page.psp?_p=YWQ9MTY2NjcmcD0zJmY9Njc2OSZhPTI1ODg2Jm09Q1MmYz13MjImdj1XJg__"
                             target="_blank" title="“安全进校园”专题讲座在我院成功举办">
                                 “安全进校园”专题讲座在我院成...
                             </a>
                             2016-06-29 (10)
                         </div>
                     </li>
                 </ul>
             </td>
         </tr>
         <tr>
             <td>
                 <ul class="wp_article_list">
                     <li class="list_item i3">
                         <div class="fields pr_fields">
                             3
                             <a href="/_s666/65/1f/c6769a25887/page.psp?_p=YWQ9MTY2NjcmcD0zJmY9Njc2OSZhPTI1ODg3Jm09Q1MmYz13MjImdj1XJg__"
                             target="_blank" title="市委“两学一做”学习教育督导组来校调研督导">
市委“两学一做”学习教育督导组...
                             </a>
                         </div>
                         <div class="fields ex_fields">
                             <a href="/_s666/65/1f/c6769a25887/page.psp?_p=YWQ9MTY2NjcmcD0zJmY9Njc2OSZhPTI1ODg3Jm09Q1MmYz13MjImdj1XJg__"
                             target="_blank" title="市委“两学一做”学习教育督导组来校调研督导">
市委“两学一做”学习教育督导组...
                             </a>
                             2016-06-29 (10)
                         </div>
                     </li>
                 </ul>
             </td>
         </tr>
     </tbody>
 </table>


l 字段不对齐，多列模式

窗口结构：

<ul class="wp_article_list">
    <li class="list_item i{序号值}">
        <!--[FieldCycleBegin]-->
        {标题}  //这个字段可以变更为任务有效字段
        <!--[FieldCycleEnd]-->
    </li>
</ul>

模式说明：

 1、一条新闻的显示结构，当新闻配置显示多个字段时，显示字段内容，在上图的｛标题｝区域显示；

 2、配置一行显示多列新闻时，通过在上述结构体外增加“<table>”,利用其“<td>”循环实现；  

配置：

前台：

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="wp_article_list_table">
     <tbody>
         <tr>
             <td>
                 <ul class="wp_article_list">
                     <li class="list_item i1">
                         <a href="/_s666/65/1d/c6769a25885/page.psp?_p=YWQ9MTY2NjcmcD0zJmY9Njc2OSZhPTI1ODg1Jm09Q1MmYz13MjImdj1XJg__"
                         target="_blank" title="市档案局领导来校调研“档案进校园”工作">
市档案局领导来校调研“档案进校...
                         </a>
                         2016-06-29 (15)
                     </li>
                 </ul>
             </td>
         </tr>
         <tr>
             <td>
                 <ul class="wp_article_list">
                     <li class="list_item i2">
                         <a href="/_s666/65/1e/c6769a25886/page.psp?_p=YWQ9MTY2NjcmcD0zJmY9Njc2OSZhPTI1ODg2Jm09Q1MmYz13MjImdj1XJg__"
                         target="_blank" title="“安全进校园”专题讲座在我院成功举办">
                             “安全进校园”专题讲座在我院成...
                         </a>
                         2016-06-29 (10)
                     </li>
                 </ul>
             </td>
         </tr>
         <tr>
             <td>
                 <ul class="wp_article_list">
                     <li class="list_item i3">
                         <a href="/_s666/65/1f/c6769a25887/page.psp?_p=YWQ9MTY2NjcmcD0zJmY9Njc2OSZhPTI1ODg3Jm09Q1MmYz13MjImdj1XJg__"
                         target="_blank" title="市委“两学一做”学习教育督导组来校调研督导">
市委“两学一做”学习教育督导组...
                         </a>
                         2016-06-29 (10)
                     </li>
                 </ul>
             </td>
         </tr>
     </tbody>
 </table>


l 字段对齐，非多列模式 （常用，系统默认结构）

窗口结构：

<ul class="wp_article_list">
     <!--[InfoCycleBegin]-->
     <li class="list_item i{序号值}">
         <div class="fields pr_fields">
             {序号} {标题}
         </div>
         <div class="fields ex_fields">
             <!--[FieldCycleBegin]-->
             {发布时间}
             <!--[FieldCycleEnd]-->
         </div>
     </li>
     <!--[InfoCycleEnd]-->
 </ul>

模式说明：

 1、一条新闻的显示结构，当新闻配置显示多个字段时，显示字段内容，在上图的｛发布时间｝区域显示；

但字段循环体外的显示字段只能固定位置输出；

 2、这个模式输出，相对自由，根据窗口结构来输出，ul/table

 3、配置一行显示多列新闻时，不作用，需通过css来制定单行宽度；

配置：

前台：

<ul class="wp_article_list">
     <li class="list_item i1">
         <div class="fields pr_fields">
             1
             <a href="/_s666/65/1d/c6769a25885/page.psp?_p=YWQ9MTY2NjcmcD0zJmY9Njc2OSZhPTI1ODg1Jm09Q1MmYz13MjImdj1XJg__"
             target="_blank" title="市档案局领导来校调研“档案进校园”工作">
市档案局领导来校调研“档案进校...
             </a>
         </div>
         <div class="fields ex_fields">
             <a href="/_s666/65/1d/c6769a25885/page.psp?_p=YWQ9MTY2NjcmcD0zJmY9Njc2OSZhPTI1ODg1Jm09Q1MmYz13MjImdj1XJg__"
             target="_blank" title="市档案局领导来校调研“档案进校园”工作">
市档案局领导来校调研“档案进校...
             </a>
             2016-06-29 (15)
         </div>
     </li>
     <li class="list_item i2">
         <div class="fields pr_fields">
             2
             <a href="/_s666/65/1e/c6769a25886/page.psp?_p=YWQ9MTY2NjcmcD0zJmY9Njc2OSZhPTI1ODg2Jm09Q1MmYz13MjImdj1XJg__"
             target="_blank" title="“安全进校园”专题讲座在我院成功举办">
                 “安全进校园”专题讲座在我院成...
             </a>
         </div>
         <div class="fields ex_fields">
             <a href="/_s666/65/1e/c6769a25886/page.psp?_p=YWQ9MTY2NjcmcD0zJmY9Njc2OSZhPTI1ODg2Jm09Q1MmYz13MjImdj1XJg__"
             target="_blank" title="“安全进校园”专题讲座在我院成功举办">
                 “安全进校园”专题讲座在我院成...
             </a>
             2016-06-29 (10)
         </div>
     </li>
     <li class="list_item i3">
         <div class="fields pr_fields">
             3
             <a href="/_s666/65/1f/c6769a25887/page.psp?_p=YWQ9MTY2NjcmcD0zJmY9Njc2OSZhPTI1ODg3Jm09Q1MmYz13MjImdj1XJg__"
             target="_blank" title="市委“两学一做”学习教育督导组来校调研督导">
市委“两学一做”学习教育督导组...
             </a>
         </div>
         <div class="fields ex_fields">
             <a href="/_s666/65/1f/c6769a25887/page.psp?_p=YWQ9MTY2NjcmcD0zJmY9Njc2OSZhPTI1ODg3Jm09Q1MmYz13MjImdj1XJg__"
             target="_blank" title="市委“两学一做”学习教育督导组来校调研督导">
市委“两学一做”学习教育督导组...
             </a>
             2016-06-29 (10)
         </div>
     </li>
 </ul>


l 字段不对齐，非多列模式 （常用）

窗口结构：

<ul class="wp_article_list">
    <!--[InfoCycleBegin]-->
    <li class="list_item i{序号值}">
        <!--[FieldCycleBegin]-->
        {标题}
        <!--[FieldCycleEnd]-->
    </li>
    <!--[InfoCycleEnd]-->
</ul>

模式说明：

 1、一条新闻的显示结构，当新闻配置显示多个字段时，显示字段内容，在上图的｛发布标题｝区域显示；

 2、这个模式输出，相对自由，根据窗口结构来输出，ul/table

 3、配置一行显示多列新闻时，不作用，需通过css来制定单行宽度；

配置：

前台：

<ul class="wp_article_list">
     <li class="list_item i1">
         <a href="/_s666/65/1d/c6769a25885/page.psp?_p=YWQ9MTY2NjcmcD0zJmY9Njc2OSZhPTI1ODg1Jm09Q1MmYz13MjImdj1XJg__"
         target="_blank" title="市档案局领导来校调研“档案进校园”工作">
市档案局领导来校调研“档案进校...
         </a>
         2016-06-29 (15)
     </li>
     <li class="list_item i2">
         <a href="/_s666/65/1e/c6769a25886/page.psp?_p=YWQ9MTY2NjcmcD0zJmY9Njc2OSZhPTI1ODg2Jm09Q1MmYz13MjImdj1XJg__"
         target="_blank" title="“安全进校园”专题讲座在我院成功举办">
             “安全进校园”专题讲座在我院成...
         </a>
         2016-06-29 (10)
     </li>
     <li class="list_item i3">
         <a href="/_s666/65/1f/c6769a25887/page.psp?_p=YWQ9MTY2NjcmcD0zJmY9Njc2OSZhPTI1ODg3Jm09Q1MmYz13MjImdj1XJg__"
         target="_blank" title="市委“两学一做”学习教育督导组来校调研督导">
市委“两学一做”学习教育督导组...
         </a>
         2016-06-29 (10)
     </li>
 </ul>


二、菜单导航

<!--[NaviStructBegin]-->
 <ul class="wp-menu clearfix">
     <!--[NaviItemCycleBegin]-->
     <li class="menu-item {级别样式}">
         <a class="menu-link" href="{栏目URL}" target="{打开方式}">
             {栏目名称}
         </a>
         <!--[MenuStructBegin]-->
         <ul class="sub-menu clearfix">
             <!--[MenuItemCycleBegin]-->
             <li class="sub-item {级别样式}">
                 <a class="sub-link" href="{栏目URL}" target="{打开方式}">
                     {栏目名称}
                 </a>
                 <!--[SubMenuList]-->
             </li>
             <!--[MenuItemCycleEnd]-->
         </ul>
         <!--[MenuStructEnd]-->
     </li>
     <!--[NaviItemCycleEnd]-->
 </ul>
 <!--[NaviStructEnd]-->

l 自定义展示输出结构说明：

 1. 栏目列表结构体标签：<!--[NaviStructBegin]--><!--[NaviStructEnd]-->,该标签为了定义栏目列表结构的范围，标签外的结构原样输出可以是辅助背景等等。

 2. 一级栏目循环输出结构体标签：<!--[NaviItemCycleBegin]--> <!--[NaviItemCycleEnd]-->

 3. 二级栏目结构体标签：<!--[MenuStructBegin]--> <!--[MenuStructEnd]-->

 3. 二级栏目循环输出结构体标签：<!--[MenuItemCycleBegin]--> <!--[MenuItemCycleEnd]-->

 4. 三级及三级以上栏目列表位置标签：<!--[SubMenuList]-->

 5. 栏目属性字段定义：{级别样式},  {栏目URL}, {栏目名称}, {打开方式}


三、栏目列表

系统默认结构 

<!--[ColumnStructBegin]-->
 <ul class="wp_listcolumn">
     <!--[ColumnCycleBegin]-->
     <li class="wp_column {级别样式} {选中样式}">
         <a href="{栏目URL}" title="{栏目名称}" class="{选中样式}">
             <span class="column-name">
                 {栏目名称}
             </span>
         </a>
         <!--[SubColumnStructBegin]-->
         <ul class="wp_subcolumn">
             <!--[ColumnCycleBegin]-->
             <li class="wp_column {级别样式} {选中样式}">
                 <a href="{栏目URL}" title="{栏目名称}" class="{选中样式}" target="{打开方式}">
                     <span class="column-name">
                         {栏目名称}
                     </span>
                 </a>
                 <!--[SubColumnList]-->
             </li>
             <!--[ColumnCycleEnd]-->
         </ul>
         <!--[SubColumnStructEnd]-->
     </li>
     <!--[ColumnCycleEnd]-->
 </ul>
 <!--[ColumnStructEnd]-->

l 自定义展示输出结构说明：

 1. 栏目列表结构体标签：<!--[ColumnStructBegin]--><!--[ColumnStructEnd]-->,该标签为了定义栏目列表结构的范围，标签外的结构原样输出可以是辅助背景等等。

 2. 同级栏目循环输出结构体标签：<!--[ColumnCycleBegin]--> <!--[ColumnCycleEnd]-->

 3. 二级栏目结构体标签：<!--[SubColumnStructBegin]--> <!--[SubColumnStructEnd]-->

 4. 三级及三级以上栏目列表位置标签：<!--[SubColumnList]-->

 5. 栏目属性字段定义：{级别样式}, {选中样式}, {栏目URL}, {栏目名称}, {打开方式}


四、扩充属性

站点可扩充属性

适用于展示“站点属性”，可自由定义显示字段及输出样式；’

站点属性包括：

{站点ID}, {站点名称}, {站点URL}, {站点标题}, {站点简介}, {站点Logo}, {站点LogoURL}, {站点电话}, {站点Email}, {浏览次数}, {站点版权}, {技术支持}, {站点地址}, {备案证书}, {站点链接}, {站点传真}, {扩展字段1}, {扩展字段2}, {扩展字段3}, {扩展字段4}, {扩展字段5}

栏目可扩充属性

适用于展示“栏目属性”，可自由定义显示字段及输出样式。

栏目属性包括：

{栏目ID}, {栏目名称},{栏目别名}, {栏目URL}, {栏目主页URL}, {栏目图片}, {栏目图片URL}, {当前位置}, {位置栏目}, {浏览次数}, {栏目简介}, {扩展字段1}, {扩展字段2}, {扩展字段3}, {扩展字段4}, {扩展字段5}

文章可扩充属性

适用于展示“文章属性”及“新闻列表”，可自由定义显示字段及输出样式。

文章输出包括：

{序号值}, {序号}, {文章ID}, {标题}, {文章URL}, {发布时间}, {发布者}, {责任编辑}, {浏览次数}, {动态浏览次数}, {缩略图}, {缩略图路径}, {发布部门}, {栏目}, {短标题}, {副标题}, {简介}, {内容}, {作者}, {文章来源}, {文章分类}, {创建者}, {创建时间}, {创建部门}, {图片}, {图片路径}, {附件}, {附件路径}, {视频}, {视频路径}, {热门图标}, {最新图标}, {图示图标}, {视频图标}, {音频图标}, {扩展字段1}, {扩展字段2}, {扩展字段3}, {扩展字段4}, {扩展字段5}, {扩展字段6}, {扩展字段7}, {扩展字段8}, {扩展字段9}, {扩展字段10}