WordPress后台编辑器添加快捷按钮教程

  • A+
所属分类:WordPress教程

教程介绍

有些朋友为自己网站文章集成了各种样式或者其他功能,但是每次都需要在编辑器里面输入代码调用,这样会很麻烦,现在教各位一个为WordPress后台编辑器集成快捷键教程.

效果预览

WordPress后台编辑器添加快捷按钮教程

集成方法

将以下代码添加到当前使用主题的functions.php文件中即可。

  1. // 添加HTML按钮
  2. function appthemes_add_quicktags() {
  3. ?>
  4. <script type="text/javascript">
  5. QTags.addButton( '按钮名字', '按钮名字', '\n代码开头', '代码结尾\n' );
  6. </script>
  7. <?php
  8. }
  9. add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' );

以下代码请不要复制 仅供参考

  1. // 添加HTML按钮
  2. function appthemes_add_quicktags() {
  3. ?>
  4. <script type="text/javascript">
  5. QTags.addButton( '主题演示', '主题演示', '\n<div id="demo"><a title="主题演示地址" href="', '" rel="nofollow">主题演示</a></div>\n' );
  6. QTags.addButton( '文字背景', '文字背景', '\n<div class="sss">', '</div>\n' );
  7. </script>
  8. <?php
  9. }
  10. add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' );

发表评论

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