一、如何给wordpress的编辑器添加一个自定义按钮,并且实现插入功能

后台文章编辑框添加按钮，可以通过下面的代码实现 。

把这个代码放到主题functions.php文件里。//增强编辑器开始 ，将代码放到function.php文件中function add_editor_buttons($buttons) { $buttons[] = 'fontselect'; $buttons[] = 'fontsizeselect'; $buttons[] = 'outdent'; $buttons[] = 'indent'; $buttons[] = 'copy'; $buttons[] = 'paste'; $buttons[] = 'cut'; $buttons[] = 'backcolor'; return $buttons; } add_filter("mce_buttons_3", "add_editor_buttons")；具体添加哪些按钮，可参照下面这些。

wordpress编辑器按钮调用的Key:1.剪切（cut）复制（copy）粘贴（paste）撤销（undo）重做（redo）居中（justifycenter） 2.加粗（bold）斜体（italic）左对齐（justifyleft）右对齐（justfyright） 3.两端对齐（justfyfull）插入超链接（link）取消超链接（unlink）插入图片（image） 4.清除格式（removeformat）下划线（underline）删除线（strikethrough） 5.锚文本（anchor）新建文本（newdocument） 6.字体颜色（forecolor）字体背景色（backcolor） 7.格式选择（formmatselect）字体选择（fontselect）字号选择（fontsizeselect） 8.样式选择（styleselect）无序列表（bullist）编号列表（numlist） 9.减少缩进（outdent）缩进（indent）帮助（wp_help） 10打开HTML代码编辑器（code）水平线（hr）清除冗余代码（cleanup） 11.上标（sub）下标（sup）特殊符号（charmap）插入more标签（wp_more） 12.插入分页标签（wp_page） 13.隐藏按钮显示开关（wp_adv） 14.隐藏按钮区起始部分（wp_adv_start） 15.隐藏按钮区结束部分（wp_adv_end） 16.拼写检查（spellchecker）。

二、如何给wordpress后台编辑框添加自定义按钮

后台文章编辑框添加按钮，可以通过下面的代码实现 。把这个代码放到主题functions.php文件里。

//增强编辑器开始 ，将代码放到function.php文件中

function add_editor_buttons($buttons) {

$buttons[] = 'fontselect';

$buttons[] = 'fontsizeselect';

$buttons[] = 'outdent';

$buttons[] = 'indent';

$buttons[] = 'copy';

$buttons[] = 'paste';

$buttons[] = 'cut';

$buttons[] = 'backcolor';

return $buttons;

}

add_filter("mce_buttons_3", "add_editor_buttons");

具体添加哪些按钮，可参照下面这些。wordpress编辑器按钮调用的Key:

1.剪切（cut）复制（copy）粘贴（paste）撤销（undo）重做（redo）居中（justifycenter）

2.加粗（bold）斜体（italic）左对齐（justifyleft）右对齐（justfyright）

3.两端对齐（justfyfull）插入超链接（link）取消超链接（unlink）插入图片（image）

4.清除格式（removeformat）下划线（underline）删除线（strikethrough）

5.锚文本（anchor）新建文本（newdocument）

6.字体颜色（forecolor）字体背景色（backcolor）

7.格式选择（formmatselect）字体选择（fontselect）字号选择（fontsizeselect）

8.样式选择（styleselect）无序列表（bullist）编号列表（numlist）

9.减少缩进（outdent）缩进（indent）帮助（wp_help）

10打开HTML代码编辑器（code）水平线（hr）清除冗余代码（cleanup）

11.上标（sub）下标（sup）特殊符号（charmap）插入more标签（wp_more）

12.插入分页标签（wp_page）

13.隐藏按钮显示开关（wp_adv）

14.隐藏按钮区起始部分（wp_adv_start）

15.隐藏按钮区结束部分（wp_adv_end）

16.拼写检查（spellchecker）

三、如何给wordpress后台编辑框添加自定义按钮

打开您的主题文件下的functions.php文件，请注意备份文件，以免误操作导致网站无法正常显示。

在末尾的？>之前加上 //添加HTML编辑器自定义快捷标签按钮 add_action('after_wp_tiny_mce', 'bolo_after_wp_tiny_mce'); function bolo_after_wp_tiny_mce($mce_settings) { ?> <?php } 上传到网站主题目录覆盖文件即可。 运行效果： 亲，对你有帮助的话记得采纳哟！。

四、如何给WordPress可视化编辑器添加更多按钮

在上图中，我们可以看到，我们给wordpress文章编辑器添加了2个百度广告按钮，我们只需要发表文章时，在需要显示广告的地方点击一下这个百度按钮，就会在那里添加短代码 ，而不需要再像以前一样要一个一个地输入字符了。

这种效果只需2部就可以实现。1、将下面的代码放到主题的functions.php文件中：function baidu_button（) {//判断用户是否有编辑文章和页面的权限if ( ! current_user_can('edit_posts') && ! current_user_can('edit_pages') ) {return；} //判断用户是否使用可视化编辑器if ( get_user_option('rich_editing') == 'true' ) {add_filter( 'mce_external_plugins', 'add_plugin' );add_filter( 'mce_buttons', 'register_button' );}}add_action('init', 'baidu_button');function register_button( $buttons ) {array_push( $buttons, “|”, “baidu1″ )； //添加 一个baidu1 按钮array_push( $buttons, “|”, “baidu2″ )； //添加 一个baidu2 按钮return $buttons;}function add_plugin( $plugin_array ) {//baidu2按钮的js路径$plugin_array['baidu1′] = get_bloginfo( 'template_url' ) . '/js/baidu1.js';//baidu2按钮的js路径$plugin_array['baidu2′] = get_bloginfo( 'template_url' ) . '/js/baidu2.js';return $plugin_array；}上面的代码，我们添加了2个百度按钮。

效果如上图。2、在主题文件夹的js文件夹里添加baidu1.js和baidu2.js2个JS文件，在这2个js文件中分别添加如下代码：baidu1.js文件/*给wordpress编辑器添加自定义按钮*/（function() {tinymce.create('tinymce.plugins.baidu1′， { //注意这里有个baidu1init : function(ed, url) {ed.addButton('baidu1′， { //注意这一行有一个baidu1title ： '百度广告-1′，image : url+'/baidu.jpg'， //注意图片的路径 url是当前js的路径onclick : function() {ed.selection.setContent（'【baidu1】'）；}}）；}，createControl : function(n, cm) {return null;},});tinymce.PluginManager.add('baidu1′， tinymce.plugins.baidu1);})();baidu2.js文件/*给wordpress编辑器添加自定义按钮*/（function() {tinymce.create('tinymce.plugins.baidu2′， { //注意这里有个baidu1init : function(ed, url) {ed.addButton('baidu2′， { //注意这一行有一个baidu1title ： '百度广告-2′，image : url+'/baidu.jpg'， //注意图片的路径 url是当前js的路径onclick : function() {ed.selection.setContent（'【baidu2】'）；}}）；}，createControl : function(n, cm) {return null;},});tinymce.PluginManager.add('baidu2′， tinymce.plugins.baidu2)；}）（)；然后在这个js文件夹里添加一个百度图标，图片名称为baidu.jpg ，这样就可以了。

注：需要把js代码中的【baidu】各【baidu2】这2个中文中括号修改成英文的中括号。否则会出错哦。

这里没有添加百度广告代码，这个在前面的章节中已经介绍过如何添加，所以这里就不多说了。

五、如何在WordPress中编辑自定义页面

在当前使用的主题文件夹中创建一个新模板，将它命名为 about.php。

然后把 page.php 模板中的内容拷贝到 about.php 文件中。 接着，找到模板文件中调用 sidebar 的函数，去掉或者注释掉它。

可能需要找到 content div 标签，并手动给它增加一个 width 样式来扩展宽度以便能够占满整个 container div 标签。 完成之后，到 about.php 的最上面插入以下代码： 做好上面修改之后，保存，并上传到服务器上的当前主题文件夹下。

然后就是让“关于”页面使用“关于”页面模板，登陆到 WordPress 后台，创建新页面，或者编辑 about 页面（如果已经创建了），在右边，点击页面模板的下拉菜单，在下拉列表中找到“关于”，选择它并点击保存。

六、wordpress问题怎样在它默认的编辑器上面添加一个pre标签

可以这么做，测试是OK的 在当前皮肤下的functions.php添加如下内容 //创建按钮初始函数add_action('init', 'add_pre_button');function add_pre_button（) { //判断用户是否有编辑文章和页面的权限 if ( ! current_user_can('edit_posts') && ! current_user_can('edit_pages') ) { return； } //判断用户是否使用可视化编辑器 if ( get_user_option('rich_editing') == 'true' ) { add_filter( 'mce_external_plugins', 'add_plugin' ); add_filter( 'mce_buttons', 'register_button' )； }}//注册按钮function register_button( $buttons ) { array_push( $buttons, "|", "pre" )；//添加一个pre按钮 return $buttons；}//注册TinyMCE按钮插件function add_plugin( $plugin_array ) { $plugin_array['pre'] = get_bloginfo( 'template_url' ) . '/pre.js'; return $plugin_array；}创建pre.js,pre.png文件，已打包成twentyfourteen.rar，下载后直接放在当前皮肤目录下即可使用。

其中pre.png图标临时做了个，你就凑合着用吧 pre.js的内容就不贴了。请下载附件参考。

。

七、如何在WordPress的每篇文章底部添加自定义内容

1、首先找到向所有文章底部添加自定义内容的代码复制以下代码：//在所有文章底部添加自定义内容function add_after_post_content($content) {if(!is_feed() && !is_home() && is_singular() && is_main_query()) {$content .= '你需要添加的自定义内容'；}return $content;}add_filter('the_content', 'add_after_post_content');2、我们要把这段代码复制到WordPress的functions.php中，进入WordPress的后台，点击 “外观”》“编辑”，在右边栏“模板”，点击“Theme Functions (functions.php)”，进入functions.php的编辑界面。

3、然后把我们的代码复制到“//全部结束”的前面，这是你只需把“你需要添加的自定义内容”改为你自己想要的文字内容即可。4、如果你不想添加一段文字，而是想添加一张图片，你就必须自己按照php格式写一段代码复制到“你需要添加的自定义内容”，比如小杰想再每篇文章底部添加我的公众微信账号的图片，那我就必须写一段代码，如下：a href="图片URL">这是在图片URL的地方替换你想要显示的图片即可，切记在修改完之后点击“更新文件”，不然你就前功尽弃了。

当然，你还可以添加“连接”“音频”“视频”等内容，只需填入相应的代码即可。

转载请注明出处51数据库 » wordpress编辑器添加自定义