国产欧美二区三区-国产欧美高清-国产欧美国产精品第二区-国产欧美国产精品第一区-小说区 图片区-小说区 综合区 都市激情

當前位置: 首頁 > 站長資訊 > 正文頁面

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

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

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

1、在文章列表中會經常調用文章簡介,正常的文章列表顯示如下圖,左邊是正常的文章列表,右邊是側邊欄sidebar。SSf網站目錄_網站網址收錄與提交入口


SSf網站目錄_網站網址收錄與提交入口

2、而有時候文章列表頁的側邊欄會突然跑到文章列表的下面,如下圖:SSf網站目錄_網站網址收錄與提交入口


SSf網站目錄_網站網址收錄與提交入口

上圖中,紅框表示為側邊欄sidebar的位置,不只跑到了文章列表的下面,而且還非常靠左,都快看不到了。SSf網站目錄_網站網址收錄與提交入口

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

3、請注意一個細節,正常的文章列表中,每個文章模塊之間是有固定樣式,如下圖中,文章模塊之間有間隙。SSf網站目錄_網站網址收錄與提交入口


SSf網站目錄_網站網址收錄與提交入口

但出現問題的頁面的列表樣式就發生變化,如下圖,間隙背景變了。SSf網站目錄_網站網址收錄與提交入口


SSf網站目錄_網站網址收錄與提交入口

這其實就是有篇文章的簡介中包含了像

這樣的html標簽,而織夢調用的簡介中是可以解析html標簽的,導致這篇文章簡介的板塊代碼就發生混亂,而把下面的文章板塊都帶亂了,以至于側邊欄也跑到文章列表的下面了。SSf網站目錄_網站網址收錄與提交入口

SSf網站目錄_網站網址收錄與提交入口

4、解決方法很簡單,只要找到簡介有html代碼的文章,把簡介中的html代碼刪除就可以。SSf網站目錄_網站網址收錄與提交入口

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


SSf網站目錄_網站網址收錄與提交入口

之后打開文章,高級參數——文章摘要,把其中的html代碼刪除,如下圖:SSf網站目錄_網站網址收錄與提交入口


SSf網站目錄_網站網址收錄與提交入口

保存文章后,在重新生成一下欄目,再看看,問題就應該解決了。SSf網站目錄_網站網址收錄與提交入口

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

SSf網站目錄_網站網址收錄與提交入口

  

此文由 網站目錄_網站網址收錄與提交入口 編輯,未經允許不得轉載!:

相關文章