登录鸟窝

用户名

密码

PHPCMS文章列表以标题和摘要形式显示的修改

已有 2687 次阅读  2011-01-03 13:26   标签文章 
PHPCMS文章列表页(对应list.html模板)默认是只显示20条最新文章的标题的及链接的,这样稍显单调,默迹通常的做法是将最终文章列表页修 改成标题+摘要的形式显示,这样从SEO和用户体验角度考虑可能好些,同时也使这个页面右侧边栏长些,可多放一些调用或AD啥的。
效果预览:
PHPCMS文章列表页标题加摘要方式显示
修改方法:
1.下载tag_content_list.html,将内容用如下代码替换:
 
XML/HTML代码
  1. <div id="zy_list">  
  2. <DL>  
  3. {loop $data $n $r}   
  4. <DT><span class="date" {if date("Y-m-d",$r['updatetime'])==date("Y-m-d",TIME)} style="color:#FF0000;"{/if}>{date('Y-m-d', $r[updatetime])}</span>  
  5.  {if $showcatname}<a href="{$CATEGORY[$r[catid]][url]}" class="catname">[{$CATEGORY[$r[catid]][catname]}]</a>{/if} <a href="{$r[url]}" target="{$target}" class="{$class}"><strong>{str_cut($r[title], $titlelen)}</strong></a></DT>  
  6.  <DD>{$r[description]}   
  7. <div align="right">[<a href="{$r[url]}" target="_blank">阅读全文</a>]</div>  
  8. </DD>  
  9.   
  10. {/loop}   
  11. </DL>  
  12. </div>  
  13. {if $pages}<p id="pages">{$pages}</p>{/if}  
(当然,重新建一个模板,如tag_content_list_zy.html,粘贴上代码后上传,再修改列表页标签对应的模板为该模板也行,注意更新模板缓存)
2.查看{tag_二级栏目标题列表}标签(标签管理处点击编辑)确保该标签有勾选读取摘要字段,如下图:
\
3.在phcms.css样式文件最后添加如下CSS代码,以调整标题+摘要列表布局:
 
CSS代码
  1. #zy_list dl {   
  2. line-height:150%;   
  3. margin:10px;   
  4. }   
  5. #zy_list dl dt a {   
  6. font-family:Verdana,Arial,Helvetica,sans-serif;   
  7. font-size:14px;   
  8. }   
  9. #zy_list dl dd {   
  10. border-bottom:1px dashed #E1E1E1;   
  11. margin-bottom:5px;   
  12. padding:5px;   
  13. text-indent:2em;   
  14. }  
当然,如果觉得CMS通站长站的布局CSS不太适合里时,可自行调整。

补充:
当然站长朋友们也可以新建一个tag_content_list_zy.html标签模板,放上面的代码,然后复制{tag_二级栏目 标题列表}这个标签另建标签如{tag_二级栏目标题列表含文章摘要},选择刚建立的tag_content_list_zy.html,然后复制 list.html新建一个列表页如list_zy.html,然后把其中的{tag_二级栏目标题列表}标签换成新建的{tag_二级栏目标题列表含文 章摘要},几个模板都上传到templates/default/phpcms模板目录下后,更新缓存,然后再给需要实现标题摘要列表的栏目设置列表页模 板为list_zy.html,这样做的好处时可以尽量少影响其它不需要这样做的部分。
 

本文网址:http://www.cmstong.com/cmshelp/show/144.shtml

分享 举报