WordPress不能使用空行的五种解决方法
在使用wordpress发布文章的时候,经常可能会遇到在下一个段落的开头,加入一个空行,以突出显示新的一个大段落开始,便于阅读,这个时候如果不自己访问一下刚才的文章,仅仅在后台的可视化编辑框里使用“shift+回车”的方式加入了一个空行,那么你发布以后,wodpress程序会自动给你删除掉,很郁闷吧。下面告诉你方法来解决它吧。
方法一:
在后台的编辑器里,当需要输入空行的时候,转入“html”编辑器模式,在需要空行的地方输入<br />,然后再发布,可以保存空行格式。
此方法最大的优点是原生的,不需做任何修改,直接使用;但也有个最大的缺点就是每次都要在“html”编辑器模式下输入并发布,你一旦转入“可视化”下编辑并发布以后,那么你以前在HTML编辑模式下做的工作就白费了,还得从头再来。下面介绍一些彻底、简单的解决方法。
方法二:
打开模板目录中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>
方法四:
此方法是对方法三的改进,打开你的style.css文件,查找里面post标签下的 entry p{line-height:20px;margin:0 0 2px 0;} 的类似字段,在这个定义里面增加 margin-bottom:10px; 即可,变成类似这样的结果 entry p{line-height:20px;margin:0 0 2px 0;margin-bottom:10px;} 即可。这种方法比方法三优点是不会影响你原有模板的文章排版,而且代码简单,网页打开速度不会受影响。
方法五:
如果你对代码一窍不通,用前面的方法觉得有点麻烦;或者你使用上面的方法仍然不大满意,那么还可以用插件来解决问题,即安装TinyMCE Advanced插件(因为wordpress默认的是TinyMCE编辑器,现在安装一个高级版,下载时注意与WordPress版本兼容,详见changelog),
在插件的设置页面的下方,找到 stop removing the <p> and <br /> tags when saving and show them in the HTML editor 这个选项,打上勾即可
版权所有: 本文系米扑博客原创、转载、摘录,或修订后发表,最后更新于 2014-04-08 14:47:57
侵权处理: 本个人博客,不盈利,若侵犯了您的作品权,请联系博主删除,莫恶意,索钱财,感谢!