相信很多读者都有过,在wordpress后台编辑文章的时候,明明有按ENTER空行,但是发表后发现空行完全不见了。自从使用上WP之后,这个问题一直无法得到解决,一直怀疑Wordpress的编辑器不太好用。有时候在“可视化”模式下写完文章用“HTML”模式看一下,再切换回“可视化”结果就变了。而且经常有时候写文章想分段空一个空白行出来。必须切换到“HTML”模式中用<br/>来实现这个目的。没有以前用BO-BLOG那样方便,在BO的时代,想怎么回车就怎么回车,想空多少行就空多少行。。在网上查了一下,原来WP自带的这个功能:自动省略或删除空白行。真是闲的蛋疼,弄这么个SB功能出来。
今天再网上搜索了一下,还真的找到了答案,这就贴出解决方法。。。
解决方法一:
在后台的编辑器里,当需要输入空行的时候,转入“html编辑器”模式,在需要空行的地方输入
1 | <br/> |
然后再发布吧
上面的方法有个最大的优点,原生的,不需做任何修改,直接使用。但也有个最大的缺点,就是你每次都要在“html编辑器”模式下输入并接着发布,你一旦转入“可视化编辑器”下编辑并发布以后,那么你以前做的工作就白费了,还得从头再来。下面来介绍彻底一些、简单一些的更好方法吧。
解决方法二:
打开模板目录中style.css文件,添加以下代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | .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文件
查找
1 | <?php the_content(); ?> |
然后修改成
即可
解决方法三:
如果你对代码一窍不通,用前面的方法觉得有点麻烦;或者你使用上面的方法仍然不大满意,那么还可以用插件来解决问题!安装TinyMCE Advanced插件吧(wordpress默认的是TinyMCE编辑器,现在安装一个高级版),在插件的设置页面的下方,找到 stop removing the p and br tags when saving and show them in the HTML editor 这个选项,打上勾即可。