技术教程

背景是动态的哦！可自定义视频 1.b2后台模块管理-首页-添加自定义模块页面选择铺满，放入以下代码 <!--首页视频区块--> <div id="page-wrapper"> <div class="home-banner por"> <section class="section"> &l…

众所周知，7b2主题是没有图片灯箱效果的，所以一般大家都是使用插件来使用灯箱，插件或多或少都会拉低网站速度，唔，还是不推荐大家使用灯箱插件，这里我整理了全代码集成FancyBox灯箱，摆脱无用插件

效果图 右侧vip可以自动识别是否开通会员，附件下载并上传到网站根目录 以下代码放入后台-模块管理-自定义 <!-- 区块代码 开始 --> <div id="home-row-qukuai" class=" home_row home_row_1 module-qukuai " style="background-color:;…

B2主题菜单样式修饰，加边框修饰和三种彩色圆点，还有上滑的动画效果。 css样式：   /**菜单样式美化代码**/.has_children .sub-menu {border-radius: 4px;}.top-menu .b2-jt-down {display: none!important;}.top-menu-ul .sub-menu-0 {border-top: 0;padd…

效果图 鼠标悬停会显示图片。 以下代码放入后台-模块管理-自定义   <div class="home-row-left content-area "> <div id="html-box-qkyl_sdk" class="html-box"> <div data-v-d1c115ee="…

效果图展示 教程开始 1.放置js代码 有子主题就放在child.js文件中 $(function(){ /*弹窗登录效果*/$("#login-box .login-box-content").addClass("b2-radius"); $('.login-box-content').prepend('<div cla…

效果截图 使用方法 以下代码投放至WordPress后台 >> 外观 >> 小工具 >> 自定义HTML小工具 <div class="card-widget" id="card-wechat" onclick="window.open('https://www.sluyu.com/weixinh…

将下列代码放入<常规设置-底部HTML标签>中(图片可自己更换) <style> $(function(){ $('.avatar-parent').prepend('<img src="https://www.sluyu.com/wp-content/uploads/2023/06/2023062916382696.png&q…

效果截图 角标底色同步你站点 css样式 .post-1 a.post-list-cat-item { background: var(--b2color); color: #fff!important; padding: 4px; line-height: 12px; border-radius: 4px; } .post-list-meta-box { justify-content: spa…

效果图 以下代码放到你的菜单 <span class="meihua">你的菜单名称</span> 以下代码放入css样式 .meihua { background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69…

效果图 附件放到网站跟目录 <div id="html-box-pckjl1" class="html-box"> <div class="banxin Mrxu-block"> <div class="Mrxu-circulation"> <ul> <li cla…

效果图 食用方法 第一步 打开自己网站下的 /wp-content/themes/b2/funactions.php 文件，然后把下面的代码加入到文件内。 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=commen…

示例请查看本站 修改functions.php define('B2_VERIFY_ICON','<i class="b2-vrenzhengguanli b2font b2-color"></i>'); //把b2-vrenzhengguanli修改为vrnzhengss 修改b2/Modules/Templat…

效果图 放入主题的style.css文件中，或自行引入。 Css代码： .gg-box .modal-content { width: 28rem; overflow: hidden margin-top: 0; } .gg-box-title .gg-title { width: 100%; text-align: center; padding: 0!important; } .modal-c…

仅限于7B2主题，其他主题自行修改。 1.将下列代码放至模块自定义区域（主题设置-模块管理-自定义） <!-- 首页N格区块html代码 开始 --> <div id="home-row-qukuai" class=" home_row home_row_1 module-qukuai " style="background-co…

look，同款左下角的成果~ 教程开始 下载解压包，上传到你的 主题目录 上。 然后复制下面代码 保存到 主题目录的 footer.php文件 放在</body>的下面，并修改成你的live2d路径 <!--live2d--> <script src="/wp-content/themes/b2/live2d/TweenLite.js">&l…

如果你购买了之前的教程，但是7b2主题使用后无效，请看这篇文章 首先，将functions代码里的data-fancybox="images"删掉 前往b2主题目录，打开b2/Modules/Common/Post.php 找到大概103行左右，有个B2_DEFAULT_IMG，你也可以直接搜索B2_DEFAULT_IMG 在他的下面有这么一段代码 $v->setAttr…

如下图： 下面代码加入function.php中就可以。 /*文章开头大于50浏览量出现热帖图片*/ add_filter('the_content', 'add_lu_content_beforde'); function add_lu_content_beforde( $content ) { if( !is_feed() && !is_…

B2主题有两个等级系统，一个（用户等级）和（会员等级），这里同时修改两个等级，把文字等级改为图片 效果图： 替换教程 修改B2主题目录下的Modules>Common>User.php文件 查找： <b>'.$name.'</b><i>'.$lv.'</i> 会员等级大概在926行中，用户等级大概在…

效果图 以下代码放入b2/footer.php最上面 第9行是你存放的图片地址 <div class="showpc"><style>.showpc{display:none;}@media (min-width:960px){.showpc{display:inline;</style><div id="wpon_svi…