教你如何解决wordpress的空行问题
2019-03-13 23:52:43来源: rainjer.com 阅读 ()
wordpress发表文章时,通常都会被自动省略或去掉空行。但是为了文章的美观和易于阅读,很多空 行都是必须的。相信很多读者都有过,在wordpress后台编辑文章的时候,明明有按ENTER空行,但是发表后发现空行完全不见了。为了解决这个问 题,有的人在编辑的时候使用HTML代码、有的人则寻找相关的插件、也有的是使用window live writer来写文章。在这里,我给大家推荐一种最简单的办法。通过修改主题模板中的CSS和single.php的代码就能我完美解决空行的问题。
第一种:打开模板目录中single.php文件,查找
<?php the_content(); ?>
然后将其修改为:
<div class=”entry”>
<?php the_content(); ?>
</div>
修改完成后刷新一下页面你就能发现,你的文章已经会空行了。
如果第一种方法对你没作用(就像我一样的悲剧),那么请试一下第二种。首先打开模板目录下的style.css文件,添加上一下代码:
.post .content {
padding:5px 0 5px 5px;
line-height:145%;
overflow:hidden;
}
.post .content p {
margin-bottom:10px;
}
.post .content .under {
height:16px;
line-height:16px;
}
.post .content .under span {
float:left;
margin-right:15px;
}
.post .content h4 {
color:#080;
margin-bottom:10px;
}
.post .content img {
max-width:600px;
}
.post .content ul,
.post .content ol {
padding-bottom:10px;
}
.post .content ul li,
.post .content ol li {
list-style-position:inside;
padding-left:20px;
}
.post .content table {
background:#FFF;
border:1px solid #CCC;
margin:5px 0 10px;
}
.post .content table tr td {
border-top:1px solid #CCC;
padding:2px 10px;
}
.post .content table tr th {
padding:1px 10px;
background:#EDEFF0;
text-align:left;
}
.post .content .boxcaption {
background-image:url(img/postbox.gif);
border-bottom:1px solid #CCC;
}
.post .content .box {
background-image:url(img/postbox.gif);
}
然后在修改你的single.php文件,查找
<?php the_content(); ?>
然后修改成:
<div class=”post-content”>
<?php the_content(); ?>
</div>
做完之后再刷新一下页面,你就会发现空行已经可以显示了。如果以上两种方法你试过后都不行的话,请到http://rainjer.com/contact 给 我留言。
原创文章,如需转载,请注明:转载自雨泽博客
原文链接:http://rainjer.com/application/35.html
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:一键快速搭建ASP运行环境
- 如何设计出一个有灵魂的「签到功能」? 2021-05-04
- 案例·电商 | 网易严选是如何用会员权益提升消费频次? 2021-05-04
- 什么是百度智能小程序单卡?如何获取智能小程序单卡 2020-03-16
- 难得一见的To B干货 | SaaS运营该如何开展? 2019-12-27
- 如何搭建流失用户召回体系? 2019-12-27
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash