过期域名预定抢注

 找回密碼
 免费注册

利用css和dede函數優化Dedecms的文章標題

[複製鏈接]
發表於 2008-1-19 02:10:38 | 顯示全部樓層 |閱讀模式
許多朋友在使用dedecms時都會有這樣一個問題,文章標題過長,如果用titlelen來控制的話雖然可以達到截取標題的作用,但是你查看源代碼就會發現這樣很不利於seo的,因為代碼裡面對應的標題也是截取過的。其實我們可以利用css來控制,這樣不但可以達到截取標題的作用,而源碼中的對應的標題卻是完整的,這樣的話對搜索引擎來說是比較友好的。
7 s5 \" p0 D" X+ ^
, H4 J  ]  i6 |
- C; T/ D, P) P% D/ t0 e下面是一個代碼例子,熟悉dede的朋友們應該一看就知道是什麼意思了:
  y5 f" x/ i" l9 \% H+ k
% f3 X. f# s1 k2 _7 u, [{dede:arclist row=8 titlelen=126 orderby=pubdate typeid=8}
& F; Y: s4 Q- r# p; N8 B/ h      <li><a href="[field:filename /]" title="[field:title function=html2text(@me)/]" >[field:title/]</a></li>9 n0 M* O7 _. }9 P! [
{/dede:arclist}* v8 g% a4 W, v9 n
% F3 w# u5 `" w1 }7 B
對應的li格式為:4 q+ c/ A# A* {' s8 _+ z
. g  x* n* `4 a6 O/ g: W
$ L5 s6 x. d4 m$ E
.li
3 }. u4 d5 y3 U3 ]9 ~  F{ 1 T" |, ~. w- k
list-style:none;  $ I9 w) }2 y% a8 E& x5 `5 ^
width:260px;        //這個就是用來控制顯示的標題長度
0 z2 N# D' b" {/ Q1 n white-space:nowrap;2 A. C3 U4 s3 R3 g6 d( B
text-overflow:ellipsis; ' _" K" _* R0 {+ l9 U6 q2 {
-o-text-overflow:ellipsis; . g& y9 R4 N3 L2 {2 E
overflow: hidden;
' I! F- d. }4 g/ N }
& H; e; h, C1 W8 t; w4 q2 J7 {
+ h4 j$ z" u4 ?% @, {& S1 ^; D2 H$ V/ }+ G5 h; Z
titlelen=126 這個可以設置大一點,是為了保證標題全部顯示出來,當然也可以默認不寫出來。
$ F3 |- `. Q3 Q$ F# H8 }1 X3 J$ d/ e% [1 _& t* u
title="[field:title function=html2text(@me)/]" 這個用到了html2text(@me)這個函數,因為大家在用dede的時候會發現,如果對一篇文章推薦或者加粗什麼的話,文章出來的標題就會是<b><font>標題</font></b>這類的會帶上<font>這類的代碼,這樣對搜索引擎也會有一定影響的。用function=html2text(@me)這個函數就可以吧html直接轉換成純text格式的。
+ L' f( p  I) i; C1 s2 a) ]4 E* J- Z5 E9 [  ?, l; B9 _
希望對大家有些幫助,具體效果可以看看我的小站:www.shenqingshu.com或者www.qqname.org

評分

參與人數 1 +2 收起 理由
來生瞳 + 2 欢迎提供很好的技术

查看全部評分

您需要登錄後才可以回帖 登錄 | 免费注册

本版積分規則

4um點基跨境網編創業社區

GMT+8, 2024-11-24 05:03

By DZ X3.5

小黑屋

快速回復 返回頂部 返回列表