教你如何解决wordpress的空行问题

2019-03-13 23:52:43来源: rainjer.com 阅读 ()

新老客户大回馈,云服务器低至5折

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运行环境

下一篇:使用海外主机的主要疑虑以及应对策略