34?cn_substr("@me",30 )...”並儲存即可。"/> 34?cn_substr("@me",30 )...”並儲存即可。">
DedeCMS怎麼判斷簡單標題為空白則顯示完整標題?
前言
相信大家都遇過,我們在使用織夢DedeCMS系統程式開發網站中,會遇到很多因網頁版面設計限定的寬度,使文章標題需要進行字數限制,通常做法是在a標籤中加入一個title屬性,讓滑鼠放上去的時候顯示完整標題。
但是標題被剪掉一些字元而不完整,下面就為你推薦另外幾種標題呼叫方式,如進行標題判斷,DedeCMS判斷簡略標題為空時則顯示完整標題。
推薦學習:織夢cms
具體方法如下:
方法一:
{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:溢出內容為隱藏。更多相關的使用技巧大家可以參考這篇文章:https://www.jb51.net/article/50258.htm
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}
以上是DedeCMS怎麼判斷簡略標題為空則顯示完整標題的詳細內容。更多資訊請關注PHP中文網其他相關文章!