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>';
}
}
接下来将上方的判断代码结果注入前端显示的地方上,如下图:
至此完成所有的后台构建,到内页中设置角标,然后保存一下子主题的基础设置和首页模块即可!
不错