当前位置:
首页 > WordPress教程 > WordPress后台编辑器添加快捷按钮教程

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' );
如果你还不会请留言咨询
云左科技

网友评论6

  1. 板凳
    呼呼:

    扯淡

    2017-05-04 16:13 [回复]
  2. 沙发
    wp研究生:

    QTags is not defined 在后台非文章编辑器页面全会报错。

    2017-04-22 18:28 [回复]
    • 源码集合:

      我自己在用 没问题 你检查是不是哪里搞错了

      2017-05-05 09:56 [回复]
      • 似水流年:

        我测试过貌似确实会在控制台那里报错QTags is not defined,不过影响正常使用

        2017-07-31 16:44 [回复]
    • 源码集合:

      可能是你没添加对吧 我自己也在使用这个代码,没问题

      2017-06-01 16:17 [回复]

发表评论

表情
还能输入210个字