WordPress集成短代码至后台面板

前面也介绍了一些关于短代码的内容,但是短代码毕竟是代码,自己敲上去还是觉得有些麻烦,要是集成在后台面板里然后点一下就好了,今天就介绍下如何将短代码集成到后台面板。这里的面板是html编辑器的面板,而不是可视化编辑器的面板。
更多文章参考:
wordpress短代码(Shortcode)的使用

方法介绍

事实上只要在functions.php中加入以下代码就可以了:

1
2
3
4
5
6
7
8
9
10
11
12
///////////面板插入代码///////////
<?php
add_action( 'admin_print_footer_scripts', 'shortcode_buttons', 100 );
function shortcode_buttons() {
?>
	<script type="text/javascript">
		QTags.addButton( 'm', 'MP3Player', '[mp3]MP3Player代码[/mp3]');
                QTags.addButton( 'm0', '下载面板', '[down]这里输入内容[/down]');  
	</script>
	<?php }
function add_editor_buttons($buttons) { $buttons[] = 'fontselect'; $buttons[] = 'fontsizeselect'; $buttons[] = 'cleanup'; $buttons[] = 'styleselect'; $buttons[] = 'hr'; $buttons[] = 'del'; $buttons[] = 'sub'; $buttons[] = 'sup'; $buttons[] = 'copy'; $buttons[] = 'paste'; $buttons[] = 'cut'; $buttons[] = 'undo'; $buttons[] = 'image'; $buttons[] = 'anchor'; $buttons[] = 'backcolor'; $buttons[] = 'wp_page'; $buttons[] = 'charmap'; return $buttons; } add_filter("mce_buttons_3", "add_editor_buttons");
?>

插入代码的地方就是:

1
2
QTags.addButton( 'm', 'MP3Player', '[mp3]MP3Player代码[/mp3]');
QTags.addButton( 'm0', '下载面板', '[down]这里输入内容[/down]');

其中第一个参数可以写成m,m0,m1,m2等等,第二个参数是显示在面板中的名称,第三个参数是会自动插入到编辑器中的代码。

小结

下图就是短代码集成在后台面板的效果:
duandaimamianban

此条目发表在WordPress教程分类目录,贴了标签。将固定链接加入收藏夹。