适用于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我们将第一时间处理! 资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。 所有资源仅限于参考和学习,版权归原作者所有,更多请阅读新图酷网网络免责服务协议。