自定义文章编辑器样式每个WordPress主题文章的样式都不一样，但是在后台使用可视化编辑器编辑文章时，样式都是一样的。

但是，WordPress提供了在文章的可视化编辑器中自定义样式的功能，通过该功能可以在WordPress的可视化编辑器中自定义CSS样式。

将可视化编辑器的样式设置为与前端相同，可以方便用户直接预览前端显示的文章结果，而无需反复刷新调试文章的排版样式。

要在文章编辑器中添加自定义CSS样式表，只需要使用add_editor_style()函数。

首先，在主题根目录中创建一个editor-style.css样式表文件，然后添加：

/** *WordPress自定义文章编辑器的样式* http://www.endskin.com/editor-style/*/functionbing _ add _ editor _ style(){ add _ editor _ style()；}add_action('after_setup_theme '，' Bing _ add _ editor _ style ')；

这样就将editor-style.css样式表引入到可视化编辑器中，在editor-style.css文件中编写css将直接体现在可视化编辑器中。

自定义CSS文件

此外，还可以自定义CSS文件的路径：

/** *WordPress文章编辑器的自定义样式*自定义CSS文件* http://www.endskin.com/editor-style/*/functionbing _ add _ editor _ style(){ add _ editor _ style(' CSS/custom-editor-style . CSS ')；//这将调用主题目录} add _ action ('after _ setup _ theme '，' bing _ add _ editor _ style ')的css文件夹中的自定义编辑器样式. CSS文件；将调用主题目录的“css/custom-editor-style.css”文件。

导入外部CSS文件。

add_editor_style()函数还支持引入外部CSS文件：

/** *WordPress文章编辑器自定义样式*外部CSS文件* http://www.endskin.com/editor-style/*/functionbing _ add _ editor _ style(){ add _ editor _ style(' http://cn . bootss.com/font-awesome/4.2。//导入外部CSS文件} add _ action ('after _ setup _ theme '，' bing _ add _ editor _ style ')；嗯，就是这样。顺便说一下，我想推荐两个WordPress编辑器插件：

WordPress的CKEditor插件介绍WordPress的CKEditor。

CKEditor编辑器是针对外国人的功能强大的富文本编辑器，而WordPress的CKEditor则是专门为WordPress定制的版本，用来替代默认编辑器。有两套皮肤可供选择。它支持为评论框添加编辑工具栏，并可以通过CKFinder文件上传控制实现更多功能。

WordPress功能的CKEditor:

用CKEditor替换默认的WordPress编辑器可以在注释框中添加一个编辑工具栏。您可以通过CKEditor(可选)发布特殊样式的彩色文本。内置文件管理和上传管理器。一个支持CKFinder——的AJAX文件浏览器内置了WordPress的“多读”标签(1)投票插件Wp-Polls的集成(3)相册插件NextGEN Gallery的集成(5)评分插件GD Star Rating的集成(4)。集成蝰蛇的视频快速标签插件(2)集成WordPress媒体按钮自配置输出格式可定制工具栏按钮可定制皮肤和其他。

KEditor本身有灵活的设置选项，可以根据自己的需要进行配置。下面我们来介绍一下文件上传控件CKFinder。

安装CKFinder文件上传控件。

CKEditor还有自己强大的文件上传插件CKFinder，增强了CKEditor的上传功能。默认情况下不安装。你可以访问并下载CKFinder PHP版本：http://ckfinder.com/download.

将ckfinder文件夹的内容上传到wordpress的CKEditor插件目录下的“ckfinder”根目录下。

删除原始文件夹中的config.php文件，并将ckfinder_config.php更改为config.php。

此时，请访问后台CKEditor-上传选项进行相关设置。

CKEditor和CKFinder下载。

WordPress下载：http://wordpress.org/extend/plugins/ckeditor-for-wordpress/.

CKFinder下载：http://ckfinder.com/download.

WordPress插件的Kindeditor(符合中国人的习惯)Kindeditor是中国人开发的一款简单、高效、易用的编辑器，内置谷歌代码美化，可以简单快捷地插入代码。另外，潘为WordPress做了一个WordPress插件：Kindeditor。更好的是可以一键排版，使用自己的图片上传功能，插入代码高亮显示，直观插入！-更多-摘要按钮等。

安装并使用了WordPress的Kindeditor。

1.可以在后台插件安装界面搜索Kindeditor的在线安装，也可以为WordPress下载Kindeditor。

2.启用插件后，在-Kindeditor的设置下，可以设置是否启用前台代码高亮显示，并选择一些样式。

经验

我在3.5.1中测试过，发现WordPress的Kindeditor似乎已经固定了编辑器的宽度。如果你缩小浏览器，你会发现编辑器不会自适应地改变大小，这将直接掩盖文本的右边部分。希望插件作者能解决这个问题。

下载WordPress的Kindeditor。