WordPress 3.5.1添加后台编辑器按钮
WordPress 3.5.1添加后台编辑器按钮
HHTjim 部落格
发布于 2022-09-26 11:46:22
发布于 2022-09-26 11:46:22
WordPress 3.5.1添加后台编辑器按钮
作者：matrix 被围观: 1,911 次 发布时间：2013-04-24 分类：Wordpress 兼容并蓄 | 无评论 »
这是一个创建于 3417 天前的主题，其中的信息可能已经有所发展或是发生改变。
在WordPress后台HTML编辑器中加入自定义按钮的方法之一。
不用折腾/wp-includes/js/quicktags.js文件。适用WordPress 3.5.1的版本。
步骤：
- 在主题目录内创建my-quicktags.js文件，写入：
QTags.addButton( '<', '<', '<', '' ); //快捷输入<的html代码
QTags.addButton( '>', '>', '>', '' );
QTags.addButton( 'hr', 'hr', "\n<hr />\n", '' ); //快捷输入一个hr横线，点一下即可
QTags.addButton( 'nextpage', 'nextpage', "\n<!--nextpage-->\n", '' ); //添加文章分页按钮
QTags.addButton( 'h1', 'h1', "\n<h1>", "</h1>\n" ); //快捷输入h1标签
QTags.addButton( 'h2', 'h2', "\n<h2>", "</h2>\n" );
QTags.addButton( 'h3', 'h3', "\n<h3>", "</h3>\n" );
//QTags.addButton( 'my_id', 'my button', '\n</span>', '</span>\n' );
//这儿共有四对引号，分别是按钮的ID、显示名、点一下输入内容、再点一下关闭内容（此为空则一次输入全部内容），\n表示换行- 在主题目录内的functions.php中添加如下代码：
<?php
//自定义HTML编辑器按钮
add_action('admin_print_scripts', 'my_quicktags');
function my_quicktags() {
wp_enqueue_script(
'my_quicktags',
get_stylesheet_directory_uri().'/my-quicktags.js',
array('quicktags')
);
}
?>
效果图：
ps：有些主题functions.php中添加代码后会出现error，甚至后台都不能访问（把最近使用过的主题文件夹换为其他名字即可解决）
修改代码要慎重！
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
相关产品与服务
网站建设
网站建设（Website Design Service，WDS），是帮助您快速搭建企业网站的服务。通过自助模板建站工具及专业设计服务，无需了解代码技术，即可自由拖拽模块，可视化完成网站管理。全功能管理后台操作方便，一次更新，数据多端同步，省时省心。使用网站建设服务，您无需维持技术和设计师团队，即可快速实现网站上线，达到企业数字化转型的目的。