織夢建站時(shí)文章列表頁,通常一側(cè)是文章列表頁面,一側(cè)是側(cè)邊欄sidebar,而有時(shí)候大部分文章列表顯示正常,突然有的欄目的文章列表中側(cè)邊欄跑到文章列表的下面,顯示不正常,模板都是調(diào)用的同一個(gè),但有的列表正常,有的不正常,這有可能就是文章簡介中包含html代碼導(dǎo)致的。
織夢[field:description/]標(biāo)簽是用來調(diào)用文章簡介用的,一般情況文章簡介都是文字,但如果文章簡介中添加html代碼,就可能導(dǎo)致網(wǎng)站布局混亂,這是織夢文章簡介的一個(gè)小bug,下面就講解一下這個(gè)bug出現(xiàn)的現(xiàn)象、原因和解決方法。
1、在文章列表中會經(jīng)常調(diào)用文章簡介,正常的文章列表顯示如下圖,左邊是正常的文章列表,右邊是側(cè)邊欄sidebar。
2、而有時(shí)候文章列表頁的側(cè)邊欄會突然跑到文章列表的下面,
紅框表示為側(cè)邊欄sidebar的位置,不只跑到了文章列表的下面,而且還非??孔?,都快看不到了。
如果所有欄目文章列表都出現(xiàn)了這個(gè)問題,那可能是你模板的問題。但如果是有的欄目文章列表頁面正常,有的文章列表頁面的側(cè)邊欄跑到下面了,那么這就有可能是你文章簡介中包含html代碼的原因。
3、請注意一個(gè)細(xì)節(jié),正常的文章列表中,每個(gè)文章模塊之間是有固定樣式,如下圖中,文章模塊之間有間隙。
但出現(xiàn)問題的頁面的列表樣式就發(fā)生變化,如下圖,間隙背景變了。
這其實(shí)就是有篇文章的簡介中包含了像<table>這樣的html標(biāo)簽,而織夢調(diào)用的簡介中是可以解析html標(biāo)簽的,導(dǎo)致這篇文章簡介的板塊代碼就發(fā)生混亂,而把下面的文章板塊都帶亂了,以至于側(cè)邊欄也跑到文章列表的下面了。
4、解決方法很簡單,只要找到簡介有html代碼的文章,把簡介中的html代碼刪除就可以。
找這篇有問題的文章的方法也很簡單,首先找到有問題的列表頁面,之后看哪一篇文章先發(fā)生的文章樣式變化,如下圖中《用美圖秀秀、光影****》這文章的簡介就和下一文章嵌套了,說明文章《用美圖秀秀、光影****》的簡介代碼混亂。
之后打開文章,高級參數(shù)——文章摘要,把其中的html代碼刪除,如下圖:
保存文章后,在重新生成一下欄目,再看看,問題就應(yīng)該解決了。
總結(jié):因?yàn)榭棄鬧field:description/]標(biāo)簽可以解析文章簡介中的html代碼,所以不只是欄目列表中,在首頁或其他頁面的文章列表中,只要調(diào)用這個(gè)標(biāo)簽,都有可能會發(fā)生代碼混亂,所以建議站長在編輯文章時(shí),如上圖文章摘要的位置就不要加html代碼了。
版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時(shí)內(nèi)刪除!謝謝!
轉(zhuǎn)載請注明: 織夢部分欄目側(cè)邊欄跑到文章列表下面解決方法