7B2给文章列表增加角标【网格模式】

此方式只改了,其中一个文章列表样式(网格模式),其他的文章列表样式可按照同方法即可。不清楚的可以留言,也可以在圈子里发问题!

第一步:

打开B2父主题文件:/b2/Modules/Settings/Post.php   464处加入以下代码:

   // 文章添加角标开始
        $post_meta = new_cmb2_box(array(
        'id' => 'b2_post_onecad_jb',
        'title' => __( '文章角标', 'b2' ),
        'object_types' => array('post','document','page'),
        'context' => 'normal',
        'priority' => 'high',
        'show_names' => true
        ));
        $post_meta->add_field(array(
            'name' => sprintf(__('列表需要显示角标','b2'),$g_name),
            'id'   => 'b2_post_onecad_lb',
            'type' => 'select',
            'options'=>array(
                0=>__('推荐','b2'),
                1=>__('VIP','b2'),
                2=>__('原创','b2'),
                3=>__('免费','b2')
            ),
            'default'=>0,
            'desc'=> __('支持 HTML,尽量短小才好看。','b2')
        ));
        add_filter('post_side_settings', 'wporg_custom');
        // 文章添加角标结束


第二步:

次数刷新后台写文章页面,即可看到所增加的页面元素

第三步:

在文章样式列表文件中b2/Modules/Templates/Modules/Posts.php 第108行下方增加:

由于还没有搞明白代码高亮问题此部分代码需要下载哈!把下载的代码添加到此处即可

第四步:

然后再同文件的第180行下方增加调用‘.$meta_jiaobiao_html.’

由于本代码是子主题控制,所以在后台可以开启/关闭角标功能,但是本教程不在子主题框架内,所以开关代码就删除了。

完整的代码见下图:

第五步:

下面就是CSS了,将下方的CSS代码复制到子主题style.css文件中即可

/*角标CSS*/
.tipss {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    width: 50px;
    height: 20px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    font-size: 13px;
}
.yellow {background-color: #ff6000;}
.huodong{background:#0693e3}
.remen{background:#fcb900}
.jingping{background:#cf2e2e}
.guanggao{background:#00d084}
.tuijain{background:#ff6900}
.yuliu{background:#0693e3}


下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

查看演示

  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余

给TA打赏
共{{data.count}}人
人已打赏
原创文章

7b2 子主题(1.6正式版)介绍及购买

2022-4-9 10:33:13

原创文章

7B2子主题后台框架下载

2022-4-11 0:28:38

53 条回复 A文章作者 M管理员
  1. 櫻島奈子

    怕问路,要迷路

  2. 桜井宁宁

    就算如此,我也要去。就算全部的棋子被夺走,棋盘上只剩下了王,也绝对不会投降。

  3. 拾亚网

    胡总牛逼,支持支持

  4. 强子

    非常不错的功能,感谢分享,好人一生平安👍

  5. 白白

    66666666666666666666

  6. 导演刘子玉

    看了你这个文章 第三步这个地方 咋这个目录下 跟您文章的文件名不一样 添加代码后 显示X错误。求指教 b2/Modules/Templates/Modules/Post.php 我这边是/themes/b2/Modules/Templates/Modules/posts.php

  7. 以梦为马

    学习学习

  8. 刘成

    牛啊牛啊

  9. 火蚁网络

    学习学习

  10. 󠀀

    怕问路,要迷路

  11. LH

    非常不错的功能,感谢分享~

  12. 倪大叔

    怕问路,就来问问

  13. devhub

    非常不错的功能,感谢分享,好人一生平安👍

  14. 苏大

  15. 骚凌云

    看看

  16. 骚凌云

    全部添加完了,后台有开着但是前台不显示呢

  17. 初心

    支持

  18. 初心

    文件里面少代码

    • ONE·CAD图库

      缺少什么代码?他们做了都可以!

  19. H

    过来看看

  20. wta2

    小白来学习 一下,辛苦啦

  21. 杨小叔

    学习~

  22. 那条鱼不洗澡

    嗯~ o(* ̄▽ ̄*)o,来看看

  23. 苏源

    学习学习

  24. 火蚁网络

    这个用了还是出错,调用的调不出来

  25. 313858

    拿走了

  26. Legion

    还是你美化的好看

  27. Ryder

    111

  28. 哈哈哈哈

    胡总牛逼,支持支持

  29. tent

    支持支持

  30. 道

    非常不错的功能,感谢分享,好人一生平安👍

  31. HaiVong

    来学习一下

  32. Doo

    围观学习~

  33. empty

    看看

  34. Frosty

    非常不错的功能,感谢分享

  35. 遇见

    感谢分享

  36. user43_840

    学习学习

  37. 卡洛斯

    来学习下

  38. JOKER鹏少

    感谢!

  39. suMmerstyle

    看看~

  40. CAD

    支持一下。

  41. 吖吖

    学习了😁

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索