-
【7B2主题美化】首页动态搜索模块
背景是动态的哦!可自定义视频 1.b2后台模块管理-首页-添加自定义模块页面选择铺满,放入以下代码 <!--首页视频区块--> <div id="page-wrapper"> <div class="home-banner por"> <section class="section"> &l…
-
【7B2主题美化】弹窗公告美化
效果图 放入主题的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主题美化】二次元渐变五格模块
效果图 鼠标悬停会显示图片。 以下代码放入后台-模块管理-自定义 <div class="home-row-left content-area "> <div id="html-box-qkyl_sdk" class="html-box"> <div data-v-d1c115ee="…
-
【嘉然live2d】来给网站添加一个live2d
look,同款左下角的成果~ 教程开始 下载解压包,上传到你的 主题目录 上。 然后复制下面代码 保存到 主题目录的 footer.php文件 放在</body>的下面,并修改成你的live2d路径 <!--live2d--> <script src="/wp-content/themes/b2/live2d/TweenLite.js">&l…
-
【7B2主题美化】首页N格样式
仅限于7B2主题,其他主题自行修改。 1.将下列代码放至模块自定义区域(主题设置-模块管理-自定义) <!-- 首页N格区块html代码 开始 --> <div id="home-row-qukuai" class=" home_row home_row_1 module-qukuai " style="background-co…
-
【7B2主题美化】认证图标修改为动态金V
示例请查看本站 修改functions.php define('B2_VERIFY_ICON','<i class="b2-vrenzhengguanli b2font b2-color"></i>'); //把b2-vrenzhengguanli修改为vrnzhengss 修改b2/Modules/Templat…
-
【7B2美化】文章浏览量超过一定数量出现热帖图标
如下图: 下面代码加入function.php中就可以。 /*文章开头大于50浏览量出现热帖图片*/ add_filter('the_content', 'add_lu_content_beforde'); function add_lu_content_beforde( $content ) { if( !is_feed() && !is_…
-
【7B2主题美化】给B2主题增加一个FancyBox灯箱
众所周知,7b2主题是没有图片灯箱效果的,所以一般大家都是使用插件来使用灯箱,插件或多或少都会拉低网站速度,唔,还是不推荐大家使用灯箱插件,这里我整理了全代码集成FancyBox灯箱,摆脱无用插件
-
【7B2主题美化】菜单样式美化
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…
-
密码保护:【7B2主题美化】签到弹窗
截图 1、主题文件夹中的 /b2/Modules/Templates/Footer.php文件里面的304行下面插入html <!--弹窗--> <div id="xutianPopup" v-show="Popup" v-cloak> <div class="Modal-wrapper undefined Modal…
-
【7B2美化】增加FancyBox灯箱(修复)
如果你购买了之前的教程,但是7b2主题使用后无效,请看这篇文章 首先,将functions代码里的data-fancybox="images"删掉 前往b2主题目录,打开b2/Modules/Common/Post.php 找到大概103行左右,有个B2_DEFAULT_IMG,你也可以直接搜索B2_DEFAULT_IMG 在他的下面有这么一段代码 $v->setAttr…
-
【7B2主题美化】加个好看的底部导航
效果图 食用方法 第一步 打开自己网站下的 /wp-content/themes/b2/funactions.php 文件,然后把下面的代码加入到文件内。 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=commen…
-
【7B2主题美化】给首页添加个导航会员模块
效果图 右侧vip可以自动识别是否开通会员,附件下载并上传到网站根目录 以下代码放入后台-模块管理-自定义 <!-- 区块代码 开始 --> <div id="home-row-qukuai" class=" home_row home_row_1 module-qukuai " style="background-color:;…
-
【7B2主题美化】给用户添加头像框
将下列代码放入<常规设置-底部HTML标签>中(图片可自己更换) <style> $(function(){ $('.avatar-parent').prepend('<img src="https://p0.meituan.net/dpgroup/240f1dfa30b57e744cdbbfbb3b679c25476735.p…
-
为网站添加禁用【F12】代码
禁用F12,右键,系统退格键功能 第一款 <!--禁f12开始--> <script> document.oncontextmenu=new Function("event.returnValue=false;"); //禁止右键功能 document.onkeydown=MM_KeyPress; function MM_KeyPress(num){ /…
-
【7B2主题美化】给网站添加悬浮二维码
效果图 以下代码放入b2/footer.php最上面 第9行是你存放的图片地址 <div class="showpc"><style>.showpc{display:none;}@media (min-width:960px){.showpc{display:inline;</style><div id="wpon_svi…
-
【7B2主题美化】实用美观可翻转显示的微信公众号
效果截图 使用方法 以下代码投放至WordPress后台 >> 外观 >> 小工具 >> 自定义HTML小工具 <div class="card-widget" id="card-wechat" onclick="window.open('https://www.sluyu.com/weixinh…
-
【7B2主题美化】网格样式文章鼠标悬浮弹出分类角标
效果截图 角标底色同步你站点 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…
-
-
WordPress使用阿里云OSS作为媒体库提升网站速度及配置教程
教程开始 首先需要注册阿里云(www.aliyun.com)账户,可以直接用淘宝账户登录,这年头都有淘宝账户吧!:) 进入阿里云中的对象存储OSS首页,开通阿里云OSS对象存储 开通阿里云OSS对象存储 开通后进入管理控制台,新建一个Bucket(空间),填写空间名,按照你的网站受众用户所在区域选择所属区域,读写权限选择公共读。 记住是公共读写 接下来要获取账户的AccessKey, 点击右上角账…
权益已成功开启
希望新权益能为你带来更多收获,也期待你创作更多优质内容。