分享各种网络资源
是我乃至整个互联网的精髓所在
最新公告:
  • 开启被动注册模式,详情点击这里,同时接小单,QQ:330733312
  • 目前站点正在不断折腾和调试中,如有问题请见谅
     您目前所在位置: 站点首页 » WordPress » WordPress 代码 » WordPress 分类描述添加可视化编辑模式
  • WordPress 分类描述添加可视化编辑模式

  • 添加分类描述框
  • 移除自带的分类描述框
  • 保存时移除 HTML 过滤
  • 完整代码
  • WordPress 分类描述添加可视化编辑模式-BanYuner

    可视化编辑模式一直是很多人喜欢使用的,但是我个人方面还是喜欢传统的 html 模式,不是别的,主要是自己写的东西通过代码出现的就是自己的,而且后期也可以更加完整的去了解文章。

    那么分类描述方面也同样可以使用可视化编辑,只不过需要添加部分代码,下面附上相关代码,主要由三部分代码组成:

    添加分类描述框

    add_filter('edit_category_form_fields', 'cat_description');
    function cat_description($tag)
    {
    ?>
    <tableclass="form-table">
    <trclass="form-field">
    <thscope="row"valign="top"><labelfor="description"><?php _ex('Description', 'Taxonomy Description'); ?></label></th>
    <td>
    <?php
    $settings = array('wpautop' => true, 'media_buttons' => true, 'quicktags' => true, 'textarea_rows' => '15', 'textarea_name' => 'description' );
    wp_editor(wp_kses_post($tag->description , ENT_QUOTES, 'UTF-8'), 'cat_description', $settings);
    ?>
    <br/>
    <spanclass="description"><?php _e('The description is not prominent by default; however, some themes may show it.'); ?></span>
    </td>
    </tr>
    </table>
    <?php
    }
    

    移除自带的分类描述框

    add_action('admin_head', 'remove_default_category_description');
    function remove_default_category_description()
    {
    global $current_screen;
    if ( $current_screen->id == 'edit-category' )
    {
    ?>
    <scripttype="text/javascript">
    jQuery(function($) {
    $('textarea#description').closest('tr.form-field').remove();
    });
    </script>
    <?php
    }
    }
    

    保存时移除 HTML 过滤

    remove_filter( 'pre_term_description', 'wp_filter_kses' );
    remove_filter( 'term_description', 'wp_kses_data' );
    

    完整代码

    remove_filter( 'pre_term_description', 'wp_filter_kses' );
    remove_filter( 'term_description', 'wp_kses_data' );
    add_filter('edit_category_form_fields', 'cat_description');
    function cat_description($tag)
    {
    ?>
    <tableclass="form-table">
    <trclass="form-field">
    <thscope="row"valign="top"><labelfor="description"><?php _ex('Description', 'Taxonomy Description'); ?></label></th>
    <td>
    <?php
    $settings = array('wpautop' => true, 'media_buttons' => true, 'quicktags' => true, 'textarea_rows' => '15', 'textarea_name' => 'description' );
    wp_editor(wp_kses_post($tag->description , ENT_QUOTES, 'UTF-8'), 'cat_description', $settings);
    ?>
    <br/>
    <spanclass="description"><?php _e('The description is not prominent by default; however, some themes may show it.'); ?></span>
    </td>
    </tr>
    </table>
    <?php
    }
    add_action('admin_head', 'remove_default_category_description');
    function remove_default_category_description()
    {
    global $current_screen;
    if ( $current_screen->id == 'edit-category' )
    {
    ?>
    <scripttype="text/javascript">
    jQuery(function($) {
    $('textarea#description').closest('tr.form-field').remove();
    });
    </script>
    <?php
    }
    }
    ?>
    

    这个功能方面还是不错的,如果你有兴趣的话,可以尝试将这个功能集成到主题中去,目前我已经将此功能集成到现在使用的主题中去了。值得注意的就是这个功能仅仅在编辑分类的时候才会生效,也就是你要点击分类下面的“编辑”按钮才能看到此功能生效的效果。

    关注我们 打赏 分享此文

    微信扫码,关注我们

    扫码,支持我

    WordPress 分类描述添加可视化编辑模式

    支付宝(点击图片切换)

    扫码,支持我

    WordPress 分类描述添加可视化编辑模式

    微信(点击图片切换)

    扫码,手机看

    WordPress 分类描述添加可视化编辑模式
    匿名

    个人评价:┃草根博主┃站点无技术含量┃文章内容不够吸引人┃转载内容随处可见┃资源均来自网络┃分享是我的宗旨,也是这个站点存在意义,分享的东西你现在可能不需要,但是我相信只要在某个时间你需要的时候能在这里找到,那么我就是成功的

    WordPress 分类描述添加可视化编辑模式
    2 + 2 =
    1. 3楼
      boke112导航
      最后评论时间:2017/09/17 22:41
      来自天朝的朋友 谷歌浏览器 Windows XP 广西南宁市 电信
      WordPress真的很强大,这个功能不错,对于有需求的用户来说还是很好的
    2. 2楼
      橘子书
      最后评论时间:2017/09/18 21:51
      来自天朝的朋友 谷歌浏览器 Windows 10 福建省漳州市 电信
      可视化描述意义不大吧,我更喜欢的是那种页头页脚,能够使用短代码。不过没去琢磨,因为懒癌。
      橘子书 18小时前回复
      • 帅气小琦琦
        最后评论时间:2017/09/18 23:06
        来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 电信
        @橘子书 想法不错,但是可能还是不适合我,哈哈
        帅气小琦琦    17小时前回复
        • 橘子书
          最后评论时间:2017/09/18 21:51
          来自天朝的朋友 QQ浏览器 Windows 10 福建省漳州市 电信
          @帅气小琦琦 :razz: 我也没搞。。。小琦琦,把我自留地的链接换成这个吧。自留地文章量不多,所以打算改版一下(友链这一块,估计我会将其咔嚓掉)
          橘子书 18小时前回复
    3. 1楼
      闲鱼
      最后评论时间:2017/09/16 18:46
      来自天朝的朋友 QQ浏览器 iPad OS 10_2 like Mac OS X) AppleWebKit 湖南省岳阳市 移动
      之前折腾用过一段时间,后来没玩分类描述,又勾起兴趣了 :smile:
      闲鱼 3天前回复
      • 帅气小琦琦
        最后评论时间:2017/09/18 23:06
        来自天朝的朋友 谷歌浏览器 Windows 10 湖北省武汉市 电信
        @闲鱼 其实这个意义不大,如果你有分类描述的话那还可以,要是没有的话,就算了
        帅气小琦琦    17小时前回复