帝国CMS模板这样变得更自动化

帝国教程 强烈建议 2024-03-04 08:39 90 0

  拥有一个方便灵活的帝国CMS模板,能让你的网站独树一帜,使用起来更是得心应手。这里只是说到我做模板的一些经验,不涉及程序,对HTML有所了解的话,更容易理解。下边是帝国CMS模板怎样能更自动化的演示,希望能起个抛砖引玉的作用。具体要做什么样的效果,大家可以多动手试下

  (1)、使用公共模板变量定义通用部分

  一般可建立[!--temp.header--] ,[!--temp.footer--],[!--temp.sitename--],[!--temp.search--]之类的常用部分。然后在页面需要插入的地方直接插入。好处是修改时只需要修改这个变量,不必每个模板页去都去改。

  注意:动态页面,如搜索,评论等不支持公共模板变量

  (2)、网站通用导航(所有一级栏目)

  页面模板内容:

  [!--empirenews.listtemp--][!--empirenews.listtemp--]

  列表内容模板

  (list.var)

  --------------------------------------------------------------------------------

  [!--classname--] |

  --------------------------------------------------------------------------------

  标签调用 [showclasstemp]0,标签模板ID,0[/showclasstemp]

  注意:如果在栏目页显示的是当前栏目的导航,可以加上单引号'0'——我是这样做的。如果ID号填的是为某个栏目的ID,则为特定栏目的导航

  上传以下图片:

  (3)、还是导航,在大栏目里显示小栏目。和上面差不多,但有点不同,加了个更多的链接

  标签调用

  [showclasstemp]父栏目ID,标签模板ID,是否显示栏目信息数[/showclasstemp]

  页面模板内容:

  --------------------------------------------------------------------------------

  

民间传统
[!--empirenews.listtemp--][!--empirenews.listtemp--] 更多>>

  --------------------------------------------------------------------------------

  列表内容模板

  (list.var)

  --------------------------------------------------------------------------------

  [!--classname--] |

  --------------------------------------------------------------------------------

  上传以下图片:

  (4)、导航技巧真多,再告诉你一个用在栏目页和列表页的导航效果

  页面调用

  

    [showclasstemp]'selfinfo',标签模板ID,0[/showclasstemp]

  页面模板内容:

  --------------------------------------------------------------------------------

  [!--empirenews.listtemp--][!--empirenews.listtemp--]code]

  列表内容模板

  (list.var)

  

  • [!--classname--]
  •   --------------------------------------------------------------------------------

      为什么要用li呢?主要是方便修改样式,你想让它怎么显示就怎么显示,包括加边框,背景之类的

      在你的样式表里这样定义

      ul {

      padding: 0;

      margin: 0;

      }

      .column li {

      width: 49%;

      padding: 0px;

      margin: 0px;

      float: left;

      list-style: none;

      background: url(icon_li4.gif) no-repeat left center;/*用背景图定义前面的小图标 */

      }

      这样它显示的就是一行二个栏目,如果是要它显示一行一个,则这样定义

      .column li {

      padding: 0px;

      margin: 0px;

      list-style: none;

      background: url(icon_li4.gif) no-repeat left center;/*用背景图定义前面的小图标 */

      }

      如果要它是横向显示,则可以这样

      .column li {

      padding: 2px 4px;

      margin: 0px;

      display: inline;

      list-style: none;

      }

      上传以下图片:

      (5)、多用'selfinfo'

      在栏目页和列表页,用'selfinfo'代替具体的ID号(你需要特别指定的除外)

      [phomenews]、[ecmsinfo]、[phomeautopic]等都可以用这个。

      (6)、善用循环子栏目数据标签

      这个是值得推荐的。像下面的效果图,在以前是需要一个个自己定义,但有了这个标签,我们只需要一个标签调用就可以搞定,而且以后增加、删除子栏目都不需要再手动去改

      标签调用: [listsonclass]'selfinfo',显示条数,标题截取数,是否显示栏目名,操作类型,模板ID,只显示有标题图片[/listsonclass]

      页面模板内容:

      --------------------------------------------------------------------------------

      

      

      

    【[!--the.classname--]

      】

      

      

        [!--empirenews.listtemp--][!--empirenews.listtemp--]

        

      

      

      --------------------------------------------------------------------------------

      列表内容模板

      (list.var)

      --------------------------------------------------------------------------------

      

  • [!--title--] ([!--newstime--])
  • 本站资源均来自互联网或会员发布,如果不小心侵犯了您的权益请与我们联系。我们将立即删除!谢谢!