織夢園模板網專注于織夢企業模板、DeDe整站模板、織夢Html5模板等織夢模板的下載,提供DEDE織夢模板相關服務。織夢園織夢模板交流群
用戶名:
密碼:
注冊
注冊后享受折扣價

dedecms織夢有簡標題顯示簡標題,無則顯示標題的辦法

織夢園模板 / 2021-04-15 / 收藏
相信大家都遇到過,我們在使用織夢dedecms系統程序開發網站中,會遇到很多因網頁版面設計限定的寬度,使文章標題需要進行字數限制,通常做法是在a標簽中加入一個title屬性,讓鼠標放上去的時候顯示完整標題。但是標題被剪裁掉一些字符而不完整,下面小編就為你推薦另外幾種標題調用方式,如進行標題判斷,DedeCMS判斷簡略標題為空時則顯示完整標題。
 
具體方法如下:
 
方法一: 
 
{dede:field name='array' runphp='yes'} if (@me['shorttitle']=='') @[email protected]['title'];else @[email protected]['shorttitle'];{/dede:field}
 
{dede:arclist}標簽中寫法:[field:array runphp='yes'] if (@me['shorttitle']=='') @[email protected]['title'];else @[email protected]['shorttitle'];[/field:array]
 
 
方法二:
 
有時標題過長,全部顯示會導致排版混亂,影響美觀。但顯示一部分又影響用戶體驗。我們希望當標題在***長度范圍內時,全標題顯示,當標題過時,只顯示***長度,后面加省略號,然后當鼠標移上去時再顯示標題的全部內容,這樣就即做到了不影響版面的布局,又做到了標題內容的全部顯示。
 
這里給出不需要修改程序,只修改模板的方法。舉例,下面的標題列表,***長的標題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 /]" 則不受影響,鼠標移上去時顯示標題的全部內容。
 
 
***近還發現了另外一個問題,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}
 

相關標簽調用

收縮
UEDAPP <体育推荐网>| <电竞推荐网>| <电竞竞猜网>| <体育竞猜网>| <欧洲杯手机投注>| <欧洲杯线上投注>| <欧洲杯网球买球软件>| <欧洲杯直播>| <足球直播>| | <篮球直播>| <欧洲杯买球平台>| <小金平台>| | | | <竞博入口>| <竞博官网首页>| <竞博体育官网首页>| <竞博电竞官网首页>| <乐天堂FUN88体育官网>| <乐体育>| <乐视体育入口>| <乐体育入口>| <乐视体育官网>| <必威电竞>| <必威体育官网入口>| <必威棋牌官网入口>| <必威登录入口>| <必威注册入口>| <竞博注册入口>| <竞博登录入口>| <乐天堂登录入口>| <乐天堂注册入口>|