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

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


 

从这一进开始,我们制作封面模板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进行修改。

先看页首代码:
















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















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

代码解释:

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

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

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

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

接下来是通用头部,用



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



替换掉共用头部代码。

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

dedecms教程

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




修改为:



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




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

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

先看代码:




  1. smallcc3f5f4ac16f6e3415141883f691a1761312957928.jpg
  2. [组图]霍普金斯VS道森纽


  3. small7db76f04a3597d5e5bca79db4b541e371312891812.jpg
  4. 马丁内斯:我愿意将降级


  5. small0e54f70e1f006756c00ac90045a541b91312891815.jpg
  6. 梅威瑟:我将以更好的训


  7. small9b2d73f2ae3a6a081154c76254dd04bb1312891838.jpg
  8. "老男孩"坎帕斯三回合









修改为织梦的调用代码:




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

  2. [field:title/]


  3. {/dede:arclist}




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





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


百度Bae云平台安装dedecms图文教程
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章