怎樣修改DedeCMS文章正文的顯示樣式,織夢文章
導讀:織夢文章織夢文章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代碼。
修改完以后,再刷新一下就可以看到效果了,效果如下:
聲明: 本文由我的SEOUC技術文章主頁發布于:2023-07-18 ,文章怎樣修改DedeCMS文章正文的顯示樣式,織夢文章主要講述文章正文,樣式,CMS網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.com/article/web_29126.html