7b2美化

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

截图演示 把下列代码加入到子主题 functions.php 中 require get_stylesheet_directory()."/emoji.php"; 把下列代码加入到 css样式文件中. 把下面文件放入主题根目录后解压到当前目录，然后强制刷新即可

效果截图 角标底色同步你站点 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…

附件放到网站根目录，二维码等信息自行修改。

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

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

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

文章引入 大家看到我网站首页菜单前面的图标是不是有一些心动 比wordpress默认图表库的图标好看多了 默认图标库的图标一般都是灰白色简直难看死了哈哈 今天分享给大家如何插入阿里图标库的彩色图标 阿里图标库有什么好处呢 插入方便 图标样式多 彩色图标应有尽有 反正你用都用不完 重点还永久免费使用。 引入方法 第一步：阿里巴巴矢量图标库官网 —> Github或者新浪微博登录 第二…

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

效果图 教程 头部位置增加按钮方法 <strong>b2/Modules/Templates/Header.php 884行左右插入代码</strong> <div data-title="切换昼夜" class="user-tips"><button onclick="switchNightMode()&…

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

禁用F12，右键，系统退格键功能 第一款 <!--禁f12开始--> <script> document.oncontextmenu=new Function("event.returnValue=false;"); //禁止右键功能 document.onkeydown=MM_KeyPress; function MM_KeyPress(num){ /…

效果图 教程 打开B2后台–点击模块管理–点击首页–点击添加模块–点击自定义内容–输入下方代码即可。 如果要每个页面显示，将代码放入footer.php即可。 <style> @keyframes shangxa { 0%, 100%, 20%, 50%, 80% { transition-timing-function: cubic-bezier(0.215,.61,.355,1);…

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

复制以下代码到自定义css 通用代码(适合自己有鼠标指针资源的小伙伴)： /** 鼠标样式 开始**//** 普通指针样式**/body { <a target="_blank" href="https://www.xixon.cn/archives/tag/cursor" title="View all posts in cursor&qu…

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

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

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

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