Wordpress文本模式添加按钮

2020年04月24日 418点热度 0人点赞 0条评论

用wordpress写文章时,发现 html编辑状态时的按钮太少,想使用主题的短代码还得切换。麻烦,作为一个有身份的人怎么能忍,盘它!

巴拉了一圈,发现官方文档有相关实现于是乎拿来改改改

添加自定义按钮

不需要额外创建.js文件,直接把脚本写入主题目录下的 function.php 文件即可。

将下面的代码添加到主题目录的 function.php 文件的最后一个 ?> 之前。

// add more buttons to the html editor
function appthemes_add_quicktags() {
if (wp_script_is('quicktags')){
?>
<script type="text/javascript">
QTags.addButton( 'eg_paragraph', 'p', '<p>', '</p>', 'p', 'Paragraph tag', 1 );
QTags.addButton( 'eg_hr', 'hr', '<hr />', '', 'h', 'Horizontal rule line', 201 );
QTags.addButton( 'eg_pre', 'pre', '<pre lang="php">', '</pre>', 'q', 'Preformatted text tag', 111 );
</script>
<?php
}
}
add_action( 'admin_print_footer_scripts', 'appthemes_add_quicktags' );

然后修改QTags.addButton的参数就好了

官方文档

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

IT路人

一入IT深似海,从此妹子为路人

文章评论