通常我们要一个网站的不同频道用不同风格的网页时,要建立不同频道的封面模板、列表模板、内容模板,然后每个频道绑定这些模板,这样增加了很多麻烦和工作量,而且对后期的网页修改和维护也很不利。
下面来讲一下利用[!--self.classid--],[!--bclass.id--]两个标签,打造不同栏目,不同风格的网页的方法,此方法不用建立多个封面模板、列表模板、内容模板,不用每个频道绑定相应的模板,即可实现不同频道不同风格的网站。
最终效果:全站各个频道网页布局相同,页面风格色彩不同。
1、假如我们建立了四个频道:频道1、频道2、频道3、频道4。
2、对应每个频道设计布局相同,但是页面风格色彩不同的网页,并用CSS样式控制,对应每个频道的样式为style1.css、style2.css、style3.css、style4.css。
3、在头部变量中插入<link href="[!--news.url--]images/style[!--self.classid--].css" rel="stylesheet" type="text/css" />、<link href="[!--news.url--]images/style[!--bclass.id--].css" rel="stylesheet" type="text/css" />。
4、后台生成页面。
5、完美实现各个频道布局相同,页面风格不同的网站。
6、用此效果,可以给用户一个好的体验。
7、补充说明一下:<link href="[!--news.url--]images/style[!--self.classid--].css" rel="stylesheet" type="text/css" />是实现封面页样式的,<link href="[!--news.url--]images/style[!--bclass.id--].css" rel="stylesheet" type="text/css" />是实现列表页和内容页样式的。
|