做網站,我們是認真的!

網站適配電腦+手機端,僅1280元,送2000M阿里云服務器,送com域名+免費備案
網站前端采用靜態系統顯示,后端動態管理,我們承諾網站包收錄,完成網站之后把源碼給客戶!

觀點

互聯網+時代,說建站,談運營與網絡營銷

織夢DedeCMS判斷簡略標題為空時則顯示完整標題

時間:2020-12-15

使用織夢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}
0
首頁
案例
關于
聯系
凯时平台