秋硕学习笔记 美化 WordPress为文章编辑器添加自定义按钮

WordPress为文章编辑器添加自定义按钮

添加自定义按钮 直接把脚本写入主题目录下的 function.php 文件即可。将下面的代码添加到主题目录的 …

添加自定义按钮

直接把脚本写入主题目录下的 function.php 文件即可。将下面的代码添加到主题目录的 function.php 文件的最后一个 ?> 之前:

// 添加自定义编辑器按钮 /////////////////
function appthemes_add_quicktags() {
?>
<script type="text/javascript">
QTags.addButton( 'hr', 'hr', '\n<hr />\n', " ); //添加分隔线
QTags.addButton( 'h1′, 'h1′, '\n<h1>', '</h1>\n' ); //快捷输入h1标签
</script>
<?php
}
add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' );
?>

其中的

QTags.addButton( 'hr', 'hr', '\n<hr />\n', ' ' ); //添加分隔线

就是自定义按钮。

上句一共有四对引号,分别是【按钮的ID】、【显示名称】、【点一下输入的内容】、【再点一下输入的内容】(此留空则一次输入全部内容)。快把自己喜欢的按钮添加上去吧。

更多Quicktags API的用法,请参考官方文档:http://codex.wordpress.org/Quicktags_API

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。若本站内容侵犯了原著者的合法权益,请联系我们进行处理。本文地址:https://wparticle.cn/1177.html

作者: wordus

记录生活感悟,分享网络资源,交流学习体会,感受美好人生。秋硕学习笔记,记录分享学习、生活、工作、旅游、健身、爱好的个人博客。
返回顶部