最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > 怎样修改DedeCMS文章正文的显示样式,织梦文章

怎样修改DedeCMS文章正文的显示样式,织梦文章

时间:2023-07-18 09:07:18 阅读: 文章分类: 网站建设 作者: dede开发者

导读:织梦文章织梦文章DedeCMS默认模板的正文显示效果不太好看,本文介绍如何对正文内容增加段落缩进、增加段落间距等改变织梦模板网织梦模板网站。

织梦模板网织梦模板网站

安装DedeCMS后的默认模板中,正文内容的显示方式为左对齐,段落前面也没有缩进,段落之间间距与行间距也没有任何区别,这样看起来非常不好看,也不便阅读,所以需要改变一下排版样式。

之所以会显示成这样的效果是因为在DedeCMS中的整个正文是一个DIV标签,DIV标签里面也没有P标签,可能是因为编辑器的原因,编辑器默认回车时生成BR标签而不是P标签,所以正文里面几乎全是BR标签,导致我们看到的都是分行,而没有段落。

其正文对应的CSS文件目录位置在:\templets\default\style目录下面的Page.css文件里 

里面具体的CSS内容为

.viewbox .content{      font-size:14px;      padding:12px 16px; 织梦模板网      line-height:25px;      color:#333;      }

要想改变其正文的显示效果,比如增加段落缩进,加大段落间距等,可对文章正文的P标签进行适当的CSS样式控制。

我们可以这样做:

第一步,确认dede下瓻模板下载正文内容包含P标签

在文章的编辑页面,点击编辑器左上角的“源码”命令,查看一下正文的源代码中每段是否是用P标签包裹,如果不是,则需要先把段落的BR标签改成P标签,当然不是在源代码状态改,可先再点一下“源码&rdqudede织梦模板o;命令回到正常编辑视图,把鼠标点到段落的末尾,然后按下Shift+Enter组合键,这样就会自动加上P标签了。

第二步,修改CSS代码

在PAGE.CSS文件中的任意位置增加如下代码,然后保存即可

.viewbox .content P{      text-indent:2em;      margin-bottom:8px;     }

第一句代码的作用是增加段落缩进,段落首行缩进两个字符,第二句代码的作用是在每个段落的后面增加段落间距8px,如果你需要其它段落效果,可自行添加相应的CSS代码。

修改完以后,再刷新一下就可以看到效果了,效果如下:

给DedeCMS默认文章正文增加段落缩进

相关织梦模板网织梦模板网站。

关键词标签: CMS 样式 文章正文

声明: 本文由我的SEOUC技术文章主页发布于:2023-07-18 ,文章怎样修改DedeCMS文章正文的显示样式,织梦文章主要讲述文章正文,样式,CMS网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_29126.html

我的IDC 网站建设技术SEOUC.COM
专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章