WordPress 编辑器修改

WordPress默认编辑器添加图片无法居中的解决方法

登录WordPress后台“控制面板”-“外观”-“编辑”打开样式表(style.css)，在末尾加上以下代码：

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.aligncenter p.wp-caption-text {

display: block;

margin-left: auto;

margin-right: auto;

text-align: center;

}

解决 WordPress 无法正常显示空行/回行/回车/换行的几种方法

解决方法一：
在后台的编辑器里，当需要输入空行的时候，转入“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 ( ) ;  ?>

然后修改成

1	<div class="post-content"><?php the_content(); ?></div>

即可


解决方法三：
如果你对代码一窍不通，用前面的方法觉得有点麻烦；或者你使用上面的方法仍然不大满意，那么还可以用插件来解决问题！安装TinyMCE Advanced插件吧（wordpress默认的是TinyMCE编辑器，现在安装一个高级版），在插件的设置页面的下方，找到 stop removing the p and br tags when saving and show them in the HTML editor 这个选项，打上勾即可。

我使用的是第三种方法完成的。