您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程

织梦cms部分栏目侧边栏跑到文章列表下面了怎么办

赵道霄2023-09-28DedeCMS教程已有人查阅

导读织梦建站时文章列表页,通常一侧是文章列表页面,一侧是侧边栏sidebar,而有时候大部分文章列表显示正常,突然有的栏目的文章列表中侧边栏跑到文章列表的下面,显示不正常

织梦建站时文章列表页,通常一侧是文章列表页面,一侧是侧边栏sidebar,而有时候大部分文章列表显示正常,突然有的栏目的文章列表中侧边栏跑到文章列表的下面,显示不正常,模板都是调用的同一个,但有的列表正常,有的不正常,这有可能就是文章简介中包含html代码导致的。
织梦[field:description/]标签是用来调用文章简介用的,一般情况文章简介都是文字,但如果文章简介中添加html代码,就可能导致网站布局混乱,这是织梦文章简介的一个小bug,下面就讲解一下这个bug出现的现象、原因和解决方法。
1、在文章列表中会经常调用文章简介,正常的文章列表显示如下图,左边是正常的文章列表,右边是侧边栏sidebar。
2、而有时候文章列表页的侧边栏会突然跑到文章列表的下面:
上图中,红框表示为侧边栏sidebar的位置,不只跑到了文章列表的下面,而且还非常靠左,都快看不到了。
如果所有栏目文章列表都出现了这个问题,那可能是你模板的问题。但如果是有的栏目文章列表页面正常,有的文章列表页面的侧边栏跑到下面了,那么这就有可能是你文章简介中包含html代码的原因。
3、请注意一个细节,正常的文章列表中,每个文章模块之间是有固定样式,如下图中,文章模块之间有间隙。
但出现问题的页面的列表样式就发生变化,如下图,间隙背景变了。
这其实就是有篇文章的简介中包含了像
这样的html标签,而织梦调用的简介中是可以解析html标签的,导致这篇文章简介的板块代码就发生混乱,而把下面的文章板块都带乱了,以至于侧边栏也跑到文章列表的下面了。
4、解决方法很简单,只要找到简介有html代码的文章,把简介中的html代码删除就可以。
找这篇有问题的文章的方法也很简单,首先找到有问题的列表页面,之后看哪一篇文章先发生的文章样式变化,如下图中《用美图秀秀、光影》这文章的简介就和下一文章嵌套了,说明文章《用美图秀秀、光影》的简介代码混乱。
之后打开文章,高级参数——文章摘要,把其中的html代码删除:
保存文章后,在重新生成一下栏目,再看看,问题就应该解决了。
总结:因为织梦[field:description/]标签可以解析文章简介中的html代码,所以不只是栏目列表中,在首页或其他页面的文章列表中,只要调用这个标签,都有可能会发生代码混乱,所以建议站长在编辑文章时,如上图文章摘要的位置就不要加html代码了。

本文标签:

很赞哦! ()

相关源码

  • (PC+WAP)绣花刺绣传统手工工艺pbootcms网站源码下载这款基于PbootCMS的网站模板为刺绣和传统手工艺行业设计,采用优雅的布局和精致的细节处理,能够呈现手工艺品的独特韵味和文化内涵。模板结构合理,功能完善,是手工艺从业者展示作品的理想选择。查看源码
  • 宽屏自适应搬家家政快递物流公司网站模板该宽屏大气的响应式网站模板专为搬家公司、家政服务及物流快递企业设计,基于PbootCMS内核开发,通过自适应布局确保手机、PC等多终端体验一致,助力企业高效构建专业在线服务平台。查看源码
  • pbootcms源码宠物类网站源码下载(自适应多端)为宠物装备商店、宠物食品及用品企业打造的营销型模板,基于PbootCMS内核深度开发。采用响应式设计实现PC与移动端适配,PHP7.0+高性能架构支持MySQL/SQLite双数据库查看源码
  • pbootcms模板(自适应手机版)红色响应式单位机构类网站自适应响应式单位机构网站模板 | PbootCMS内核开发为机构组织设计的响应式网站模板,采用PbootCMS内核开发,支持一键替换行业内容,满足多元化场景需求。查看源码
  • (自适应响应式)html5高档服装定制西服pbootcms模板下载本模板基于PbootCMS内核开发,为服装定制企业和服装品牌量身打造。设计风格时尚现代,充分展现服装行业的审美特质与品牌魅力。采用HTML5响应式技术,确保在各种设备上呈现视觉效果。整站布局注重产品展示与品牌叙事,帮助企业有效展示服装系列与定制服务,提升客户体验。查看源码
  • (PC+WAP)蓝色五金机械设备营销型网站源码下载基于PbootCMS内核开发的营销型企业网站模板,为五金机械设备类企业打造,通过标准化数字展示提升客户转化率。模板采用模块化设计,可快速适配机床工具、建筑五金、阀门管件等细分领域。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐