前言
相信大家都遇到過,我們在使用織夢DedeCMS系統(tǒng)程序開發(fā)網(wǎng)站中,會遇到很多因網(wǎng)頁版面設(shè)計限定的寬度,使文章標題需要進行字數(shù)限制,通常做法是在a標簽中加入一個title屬性,讓鼠標放上去的時候顯示完整標題。但是標題被剪裁掉一些字符而不完整,下面yii666的小編就為你推薦另外幾種標題調(diào)用方式,如進行標題判斷,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}
標簽中套用。
?
方法三:
?
有時標題過長,全部顯示會導致排版混亂,影響美觀。但顯示一部分又影響用戶體驗。我們希望當標題在一定長度范圍內(nèi)時,全標題顯示,當標題過時,只顯示一定長度,后面加省略號,然后當鼠標移上去時再顯示標題的全部內(nèi)容,這樣就即做到了不影響版面的布局,又做到了標題內(nèi)容的全部顯示。
?
這里給出不需要修改程序,只修改模板的方法。舉例,下面的標題列表,最長的標題50字節(jié),只想顯示30字節(jié),模板代碼如下:
?
- [field:title function='( strlen("@me")>30 ? cn_substr("@me",30)."..." : "@me" )'/]
很明顯,解決問題的關(guān)鍵在于用 [field:title function='( strlen("@me")>34 ? cn_substr("@me",30)."..." : "@me" ) ' /]
代替了原來的 [field:title /]
,在輸出標題時多了一個判斷的過程,先判斷標題是否大于34字節(jié),如果大于則只輸出30字節(jié)的長度,并加上省略號。而title="[field:title /]"
則不受影響,鼠標移上去時顯示標題的全部內(nèi)容。
?
方法四:
除上面修改模板的方法外,還有編程或CSS等方法。但能通過模板解決的問題,編程就不必要了。CSS的方法如下:?
?
DedeCMS2007即將發(fā)布
解釋:width:120px; 限定長度,text-overflow:ellipsis
:當對象內(nèi)文本溢出時顯示省略標記...,white-space:nowrap
:強制文本在一行內(nèi)顯示,overflow:hidden
:溢出內(nèi)容為隱藏。更多相關(guān)的使用技巧大家可以參考這篇文章:https://www.yii666.net/article/50258.htm
?
CSS的方法比修改模板還要簡單,不過很遺憾,text-overflow:ellipsis
屬性在firefox中是沒有效果的。所以,還是使用上面的修改模板的方法吧。
?
最近還發(fā)現(xiàn)了另外一個問題,dede標題鏈接,有則能鏈接無則不連接,下面是解決的方法:
{dede:list pagesize='15' orderby='weight' orderway='desc'}
- [field:pubdate function='strftime("%Y/%m/%d",@me)'/]
- [field:array runphp='yes'] if (@me['body']=='') @me=@me['title'];else{ @me = ''.@me['title'].'';}[/field:array]
總結(jié)文章來源:http://www.zghlxwxcb.cn/news/detail-429727.html
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對yii666的支持。
?文章來源地址http://www.zghlxwxcb.cn/news/detail-429727.html
到了這里,關(guān)于DedeCMS(織夢)判斷簡略標題為空則顯示完整標題的幾種方法的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!