当前位置:首页网站教程7B2主题美化极主题-列表增加软件系统图标(自选增加)

极主题-列表增加软件系统图标(自选增加)

适用于7b2主题,鸡主题更新后php位置有变化,安装省略很多。此功能为自选添加,不在子主题内部,只为满足个别客户需要此功能,而增加的,用户可以在子主题预留的用户自定义文件添加即可。

极主题-列表增加软件系统图标(自选增加)

极主题给列表增加软件系统图标:

第一步:在预留的子主题目录中jitheme_functions.php的尾部增加下面代码。

非子主题情况下,请到functions.php的尾部增加下面代码。

    //客户自定义软件角标
    add_action( 'cmb2_admin_init', 'soft_jb', 500 );
    function soft_jb(){
        $soft = new_cmb2_box(array(
            'id' => 'b2_jitheme_soft',
            'title' => __( '软件角标', 'b2' ),
            'object_types' => array('post'),
            'context' => 'normal',
            'priority' => 'high',
            'show_names' => true
        ));
        $soft->add_field( array(
            'name' => __('软件系统分类','b2'),
            'id'      => 'jitheme_soft_xt',
            'type'    => 'multicheck',
            'multiple' => true, // Store values in individual rows
        	'options' => array(
    			'windows' => esc_html__( 'Windows', 'cmb2' ),
    			'apple' => esc_html__( 'Mac OS', 'cmb2' ),
    			'android' => esc_html__( 'Android', 'cmb2' ),
    	),
    	// 'inline'  => true, // Toggles display to inline
        ));
    }
    function list_soft_jb($post_id){
        $soft_xt=get_post_meta($post_id, 'jitheme_soft_xt', false );
        $html='';
        if($soft_xt){
        $html.='<span class="jitheme_soft b2-radius">';
            foreach ($soft_xt as $v) {
            $html.='<span class="soft_ico"><img src="'.B2_CHILD_URI.'/Center/Assets/images/'.$v.'.svg"></span>';
            }
        $html.='</span>';
        }
       return  $html; 
    }

第二步:打开B2文件夹b2/Modules/Templates/Modules/Posts.php

如果没有用子主题,添加位置行数可能不对,如果不会请联系我!

在第194行添加:

'.list_soft_jb($v['id']).' 网格模式
极主题-列表增加软件系统图标(自选增加)

在第410行添加:

'.list_soft_jb($v['id']).'瀑布流模式
极主题-列表增加软件系统图标(自选增加)

在第617行添加:

'.list_soft_jb($v['id']).'列表模式
极主题-列表增加软件系统图标(自选增加)

其他列表暂时不建议添加,如果真需要添加,请联系我!

添加完成之后请,在子主题style.css中添加CSS样式【极主题2.0版本子主题无需添加,CSS文件已带了】其他主题还要继续

    /*列表软件系统图标图标*/
    .jitheme_soft {
        position: absolute;
        bottom: 10px;
        /* padding-top: 75%; */
        right:10px;
        padding-top: 5px;
        z-index: 5;
        width: 25px;
        height: auto;
        text-align: center;
        font-size: 8px;
        background-color: #ffffffed;
        backdrop-filter: blur(10px);
        align-items: center;
        box-shadow: 0px 5px 40px 0px rgba(17,58,93,.1);
    }
    .soft_ico img{
    	width: 15px;
    	height: 15px;
    	margin-bottom: 5px;
    }
温馨提示:

文章标题:极主题-列表增加软件系统图标(自选增加)

文章链接:https://www.xtuku.com/19173.html

更新时间:2024年03月03日

声明:本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:590173@qq.com我们将第一时间处理! 资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。 所有资源仅限于参考和学习,版权归原作者所有,更多请阅读新图酷网网络免责服务协议

给TA赞助
共{{data.count}}人
人已赞助
个人中心
购物车
优惠劵
搜索