分类目录文章角标添加

CSS已经集成至子主题之中，只需部署文章设置和前端显示地方即可！

一.角标文字填写

打开路径b2/Modules/Settings/Post.php，查找”是否显示标签”，在后方加上如下代码：

        //是否显示角标
        $post_meta->add_field(array(
            'name' => __('文章角标显示','b2'),
            'id'   => 'post_style_art',
            'type' => 'textarea_code',
            'options' => array( 'disable_codemirror' => true ),
            'desc'=>__('请尽量填写两个字//不选择则不显示','b2'),
            'attributes' => array('style'    => 'width: auto; height: 50px;padding: 5px;border-radius: 2px;')
        ) );
        //角标背景颜色
        $post_meta->add_field(array(
            'name' => __('文章角标背景颜色','b2'),
            'id'   => 'post_art_color',
            'type' => 'colorpicker',
            'options' => array( 'disable_codemirror' => true ),
            'desc'=>__('选择你喜欢的颜色，它将成为角标的背景颜色','b2'),
        ) );

保存关闭此文件！

二.后台全局控制

此部分主要是构建全局后台，是否显示文章角标和默认角标，默认角标不填写，则没有设置角标的文章都不显示文章角标。此部分设置已集成到子主题控制中心，基础设置-分类目录文章角标。

三.前端显示设置

打开文件b2/Modules/Templates/Modules/Posts.php，仔细看此文件的注释，此文件主要就是文章列表下文章的布局方式，主要的五种布局方式都在此文件下，此处主要以网格模式做演示，如下图：

将下方的代码复制到上图相应的位置保存即可！

            //文章角标
            $page_vip_cn = b2_Rose('is_article_corner');
            $ymetaValue = apply_filters('b2_post_1_get_type',get_post_meta($v['id'],'post_style_art',true));
            $ymetaValue_color = apply_filters('b2_post_1_get_type',get_post_meta($v['id'],'post_art_color',true));
            $tab_tian = $ymetaValue ? '<div class="tian yue" style="background-color: '.$ymetaValue_color.';">'.$ymetaValue.'</div>' :'';
            $tab_tians='';
            if($page_vip_cn){
                if($ymetaValue){
                    $tab_tians = ''.$tab_tian.'';
                }else{
                    $tab_tians='<div class="tian yue">'.b2_Rose('text_article_default').'</div>';
                }
            }

接下来将上方的判断代码结果注入前端显示的地方上，如下图：

至此完成所有的后台构建,到内页中设置角标，然后保存一下子主题的基础设置和首页模块即可!