織夢DedeCMS判斷簡略標題為空時則顯示完整標題
2024-07-12 08:27:53
供稿：網友
使用織夢dedecms系統程序開發網站中，我們會遇到很多因網頁版面設計限定的寬度，使文章標題需要進行字數限制，通常做法是在a標簽中加入一個title屬性，讓鼠標放上去的時候顯示完整標題。但是標題被剪裁掉一些字符而不完整，廣信之家小編為你推薦另外幾種標題調用方式，如進行標題判斷，DedeCMS判斷簡略標題為空時則顯示完整標題。具體方法如下： 方法一： {dede:field name='array' runphp='yes'} if (@me['shorttitle']=='') @me=@me['title'];else @me=@me['shorttitle'];{/dede:field} 方法二： [field:array runphp='yes'] if (@me['shorttitle']=='') @me=@me['title'];else @me=@me['shorttitle'];[/field:array] 這個方法可以在{dede:arclist}標簽中套用。 方法三： 有時標題過長，全部顯示會導致排版混亂，影響美觀。但顯示一部分又影響用戶體驗。我們希望當標題在一定長度范圍內時,全標題顯示，當標題過時，只顯示一定長度，后面加省略號，然后當鼠標移上去時再顯示標題的全部內容，這樣就即做到了不影響版面的布局，又做到了標題內容的全部顯示。 這里給出不需要修改程序，只修改模板的方法。舉例，下面的標題列表，最長的標題50字節，只想顯示30字節，模板代碼如下： <ul> {dede:arclist titlelen='50' row='10'} <li><a title="[field:title /]" href="[field:filename /]">[field:title function='( strlen("@me")>30 ? cn_substr("@me",30)."..." : "@me" )'/]</a></li> {/dede:arclist} </ul> 很明顯，解決問題的關鍵在于用 [field:title function='( strlen("@me")>34 ? cn_substr("@me",30)."..." : "@me" ) ' /] 代替了原來的 [field:title /] ，在輸出標題時多了一個判斷的過程，先判斷標題是否大于34字節，如果大于則只輸出30字節的長度，并加上省略號。而title="[field:title /]" 則不受影響，鼠標移上去時顯示標題的全部內容。 方法四： 除上面修改模板的方法外，還有編程或CSS等方法。但能通過模板解決的問題，編程就不必要了。CSS的方法如下： <a style="width:120px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;" title="DedeCMS2007即將發布" href=" " >DedeCMS2007即將發布</a> 解釋：width:120px; 限定長度，text-overflow:ellipsis ：當對象內文本溢出時顯示省略標記...，white-space:nowrap：強制文本在一行內顯示，overflow:hidden：溢出內容為隱藏。 CSS的方法比修改模板還要簡單，不過很遺憾，text-overflow:ellipsis屬性在firefox中是沒有效果的。所以，還是使用上面的修改模板的方法吧。 dede標題鏈接，有則能鏈接無則不連接 {dede:list pagesize='15' orderby='weight' orderway='desc'} <dl> <dt>[field:pubdate function='strftime("%Y/%m/%d",@me)'/]</dt> <dd> [field:array runphp='yes'] if (@me['body']=='') @me=@me['title'];else{ @me = '<a href="'.@me['arcurl'].'" title="'.@me['description'].'" target="_blank">'.@me['title'].'</a>';}[/field:array] </dd> </dl> {/dede:list}
