• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > wordpress CMS主题制作 > 给wordpress模板编辑器添加插入文章链接的按钮1:添加自定义按钮

    给wordpress模板编辑器添加插入文章链接的按钮1:添加自定义按钮

    作者: 分类:wordpress CMS主题制作 点击: 310 次
    wordpress CMS主题:ssmay主题

      最近为一个客户开发一个wordpress模板,对方有一个要求——给wordpress主题自带的编辑器添加一个自定义按钮,用来在编辑文章时,点击这个按钮,可以在文章内容内插入其它文章的链接,而且需要的是,在输入一个相关关键字,搜索出相关文章列表,点击选择插入。给wordpress模板自带的文章编辑器添加自定义按钮,以前介绍过,网上也有太多的介绍,大多是介绍插入一个指定的广告代码。而用来插入文章链接的却没有过。嗯,只有自己想办法 了。

       

       

      思路:网上介绍的自定义按钮,都是通过短代码的形式插入文章内容中的,就是点击按钮,就插入一个短代码到文章内容中。那我可不可以设想这样——点击按钮时,弹出一个弹窗,而弹窗中有一个表单,输入需要插入的关键词,点击搜索,就显示搜索到的文章标题列表,然后,再点击某个标题,就可以把这个标题直接插入到文章内容中。

      按照上面的思路,我们要分3步来完成:

      第一步:给wordpress模板的编辑器添加一个自定义按钮。

      第二步:在文章编辑页面添加一个弹窗。功能是用来搜索关键字的表单窗口。

      第三步:获取关键字相关的文章标题列表。用来返回搜索的结果。

      今天,主要是介绍第一步——添加一个自定义按钮到wordpress模板的自带编辑哭器中。

      方法很简单,这里不多做介绍,直接粘代码:

      //为文章编辑器添加自定义按钮
      //初始化时执行myadvert_button函数
      add_action('init', 'myadvert_button');
      function myadvert_button() {
      //判断用户是否有编辑文章和页面的权限
      if ( ! current_user_can('edit_posts') && ! current_user_can('edit_pages') ) {
      return;
      }
      //判断用户是否使用可视化编辑器
      if ( get_user_option('rich_editing') == 'true' ) {
      add_filter( 'mce_external_plugins', 'add_plugin' );
      add_filter( 'mce_buttons', 'register_button' );
      }
      }

      function register_button( $buttons ) {
      array_push( $buttons, "|", "myadvert" ); //添加 一个myadvert按钮
      return $buttons;
      }
      function add_plugin( $plugin_array ) {
      $plugin_array['myadvert'] = get_bloginfo( 'template_url' ) . '/js/media_button.js'; //myadvert按钮的js路径
      return $plugin_array;
      }

      直接把上面的PHP代码粘贴到wordpress模板的functions.php文件中。保存后,我们再打开wordpress后台的文章编辑器时,就可以看到在编辑的按钮排列中就多出了我们添加进去的按钮,如下图:

      给wordpress模板编辑器添加插入文章链接的按钮1:添加自定义按钮

      本章主要介绍了wordpress模板的文章编辑器中添加插入文章链接的自定义按钮的思路,以及介绍了如何添加一个自定义按钮图标——只是添加一个按钮而已,并没有添加插入的功能。在接下来的章节中,我们再接着介绍如何实现插入功能以及插入文件标题链接的功能,敬请期待。



      QQ二维码

    文章作者:高时银博客
    本文地址:http://wanlimm.com/77201903267252.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.