觀點

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

織夢部分欄目側邊欄跑到文章列表下面解決方法

時間:2020-12-15

織夢建站時文章列表頁,通常一側是文章列表頁面,一側是側邊欄sidebar,而有時候大部分文章列表顯示正常,突然有的欄目的文章列表中側邊欄跑到文章列表的下面,顯示不正常,模板都是調用的同一個,但有的列表正常,有的不正常,這有可能就是文章簡介中包含html代碼導致的。

織夢[field:description/]標簽是用來調用文章簡介用的,一般情況文章簡介都是文字,但如果文章簡介中添加html代碼,就可能導致網站布局混亂,這是織夢文章簡介的一個小bug,下面就講解一下這個bug出現的現象、原因和解決方法。

1、在文章列表中會經常調用文章簡介,正常的文章列表顯示如下圖,左邊是正常的文章列表,右邊是側邊欄sidebar。

2、而有時候文章列表頁的側邊欄會突然跑到文章列表的下面,

 

紅框表示為側邊欄sidebar的位置,不只跑到了文章列表的下面,而且還非??孔?,都快看不到了。

如果所有欄目文章列表都出現了這個問題,那可能是你模板的問題。但如果是有的欄目文章列表頁面正常,有的文章列表頁面的側邊欄跑到下面了,那么這就有可能是你文章簡介中包含html代碼的原因。

3、請注意一個細節,正常的文章列表中,每個文章模塊之間是有固定樣式,如下圖中,文章模塊之間有間隙。

 

但出現問題的頁面的列表樣式就發生變化,如下圖,間隙背景變了。

 

這其實就是有篇文章的簡介中包含了像<table>這樣的html標簽,而織夢調用的簡介中是可以解析html標簽的,導致這篇文章簡介的板塊代碼就發生混亂,而把下面的文章板塊都帶亂了,以至于側邊欄也跑到文章列表的下面了。

4、解決方法很簡單,只要找到簡介有html代碼的文章,把簡介中的html代碼刪除就可以。

找這篇有問題的文章的方法也很簡單,首先找到有問題的列表頁面,之后看哪一篇文章先發生的文章樣式變化,如下圖中《用美圖秀秀、光影****》這文章的簡介就和下一文章嵌套了,說明文章《用美圖秀秀、光影****》的簡介代碼混亂。

 

之后打開文章,高級參數——文章摘要,把其中的html代碼刪除,如下圖:

 

保存文章后,在重新生成一下欄目,再看看,問題就應該解決了。

總結:因為織夢[field:description/]標簽可以解析文章簡介中的html代碼,所以不只是欄目列表中,在首頁或其他頁面的文章列表中,只要調用這個標簽,都有可能會發生代碼混亂,所以建議站長在編輯文章時,如上圖文章摘要的位置就不要加html代碼了。

0

精美模版建站,性價比更高

同時適配電腦和手機端,只要1280元,包2000M空間+送com/cn域名+免費備案,放心把復雜的事交給我們

凯时平台