织梦仿站系列教程第十八讲——封面页制作（一）

织梦仿站系列教程第十八讲——封面页制作（一）


　

从这一进开始，我们制作封面模板index_article.htm。

首先打开http://www.quanji.cn，点击拳击新闻，保存一下。然后打开保存的html文档。再打开templets\fuxing5目录下的index_article.htm和templets\复件 default目录下的index_article.htm。

将保存的网页的代码复制一下，覆盖到templets\fuxing5目录下的index_article.htm。参考templets\复件 default目录下的index_article.htm进行修改。

先看页首代码：

1. 
   
2. 
   
3. 
   
4. 
   
5. 
   
6. 
   
7. 
   
8. 
   
9. 
   
10. 
    
11. 
    

修改为织梦封面页的页首代码：

1. 
   
2. 
   
3. 
   
4. 
   
5. 
   
6. 
   
7. 
   
8. 
   
9. 
   
10. 
    

封面页的页首代码与列表页、内容页一样，所以我们以后不会再重复讲了。

代码解释：

{dede:field.title/} 页面标题

{dede:global.cfg_webname/} 网站名称

{dede:field name='keywords'/} 关键词

{dede:field name='description' function='html2text(@me)'/ 描述 关键词和描述在栏目修改->高级选项中修改。

接下来是通用头部，用

1. 
   
2. {dede:include filename="head.htm"/}
   

替换掉共用头部代码。

再接下来是面包屑导航代码：

dedecms教程

1. 
   
2. 当前位置： 首页 > 拳击新闻
   
   

修改为：

1. 
   
2. 当前位置：{dede:field name='position'/}
   
   

代码不用解释了，position变量调用当前页面的路径。列表页、内容页通用。

再往下是四幅图片的调用，我们调用四幅有缩略图的内容。即调用当前栏目及下级栏目的内容。

先看代码：

1. 
   
2. • 
     
   • 
     

   • [组图]霍普金斯VS道森纽

     
     
   • 
     

   • 马丁内斯：我愿意将降级

     
     
   • 
     

   • 梅威瑟：我将以更好的训

     
     
   • 
     

   • "老男孩"坎帕斯三回合

     
     
   
   

修改为织梦的调用代码：

1. 
   
2. • 
     
   • {dede:arclist row=4 titlelen='24' orderby=pubdate type='image.'}
     
   • 
     

   • [field:title/]

     
     
   • {/dede:arclist}
     
   
   

代码就不用解释了，前面的课程里已讲过这些了。好了，这一讲到此结束，最后，看下前台效果：





下一进我们讲一下，在首页没有讲到的一个标签channelartlist，这是织梦唯一可以嵌套的标签。

百度Bae云平台安装dedecms图文教程