全部模板|推薦模板|TAG標簽|加入收藏|網站地圖您好,歡迎來到織夢云模板,一站式織夢模板定制下載站!
您現在的位置:織夢模板 > 織夢教程 > dedecms教程 >

織夢DedeCMS判斷簡略標題為空則顯示完整標題的幾種方法

時間:2018-06-13 來源:網絡 作者:織夢云模板 點擊:
前言
 
相信大家都遇到過,我們在使用織夢DedeCMS系統程序開發網站中,會遇到很多因網頁版面設計限定的寬度,使文章標題需要進行字數限制,通常做法是在a標簽中加入一個title屬性,讓鼠標放上去的時候顯示完整標題。但是標題被剪裁掉一些字符而不完整,下面腳本之家的小編就為你推薦另外幾種標題調用方式,如進行標題判斷,DedeCMS判斷簡略標題為空時則顯示完整標題。
 
具體方法如下:
 
方法一: 
 
 
{dede:field name='array' runphp='yes'} if (@me['shorttitle']=='') @[email protected]['title'];else @[email protected]['shorttitle'];{/dede:field}
 
方法二: 
 
 
[field:array runphp='yes'] if (@me['shorttitle']=='') @[email protected]['title'];else @[email protected]['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']=='') @[email protected]['title'];else{ @me = '<a href="'[email protected]['arcurl'].'" title="'[email protected]['description'].'" target="_blank">'[email protected]['title'].'</a>';}[/field:array]      
         </dd>
        </dl>
{/dede:list}
 
總結
 
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家的支持。

本文版權歸原作者所有,轉載請注明原文來源出處,織夢云模板感謝您的支持!

本文鏈接:http://www.tdohmj.live/news/jiaocheng/news-8204.html 織夢DedeCMS判斷簡略標題為空則顯示完整標題的幾種方法 http://www.tdohmj.live/news/jiaocheng/news-8204.html

關于本站 -聯系我們 -免責聲明 -常見問題 -服務項目 - 留言反饋

Copyright © 2012-2014 www.tdohmj.live. 織夢云模板 版權所有 | 粵ICP備14083021號-13 |

售前咨詢

售后服務

技術支持

會員登錄
還沒有賬號立即注冊

用戶名登錄

看不清?點擊更換

用第三方帳號直接登錄

返回

您可以選擇直接注冊或用第三方帳號登錄網站,一分鐘完成注冊

前三组选组六怎么玩