wordpress后台HTML编辑器添加自定义标签按钮

为WordPress后台的 HTML 编辑器添加自定义标签按钮可以在编辑文章不用手动输入标签,显得十分方便。不过wordpress默认的快捷标签按钮有时候不能满足我们的需求,那么我们否可以自定义添加自己想要的快捷按钮呢?其实在wordpress后台HTML编辑器添加自定义标签按钮的方法很简单,打开你主题的functions.php文件,在其中添加下面的代码(一般添加在最后,”?>“结束之前)

//添加HTML编辑器自定义快捷标签按钮
function appthemes_add_quicktags() {
?> 
<script type="text/javascript"> 

QTags.addButton( 'jz', '居中', "<center>","</center>\n" );
QTags.addButton( 'jzs', '居中加粗', "<strong><center>","</center></strong>\n" );
QTags.addButton( 'gl', '空字', '\n&nbsp;\n' );
QTags.addButton( 'glc', '分开', '\n<div class="clear"></div>\n' );


QTags.addButton( 'br', '换行', "\n<br />\n", '' );//添加横
QTags.addButton( 'hr', '横线', "\n<hr />\n" );//添加横线

QTags.addButton( 'h2', '标题2', "\n<h2>", "</h2>\n" ); //添加标题2
QTags.addButton( 'h3', '标题3', "\n<h3>", "</h3>\n" ); //添加标题3
QTags.addButton( 'h4', '标题4', "\n<h4>", "</h4>\n" );//添加标题4
QTags.addButton( 'paged', '分页', '\n<!--nextpage-->\n', "" );//添加文章分页



</script>
<?php
}
add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' );

 

代码解析:

QTags.addButton( ”, ”, ”, ” );

【四对引号,分别表示按钮的ID、按钮显示名、点一下输入内容、再点一下关闭内容(最后一对引号为空则一次输入全部内容),\n表示换行】

形象说明: QTags.addButton( ‘ 按钮ID’, ‘按钮显示名’, ‘点一下输入内容’, ‘点一下关闭内容’ );

可以自定义添加多行 QTags.addButton( ”, ”, ”, ” ); 增加多个按钮!

 

 

预见

发表评论

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen: