-
B2主题在网站添加悬浮动画广告
保存下面图片附件放到网站根目录 动画与点击的链接可以自定义 第一步: 以下代码放入b2/footer.php最上面 <div class="showpc"> <style> .showpc{display:none;}@media (min-width:960px){.showpc{display:inline; </style> <d…- 0
- 0
- 950
-
B2首页背景自动换图搜索框
美化图: html代码 代码放到模块管理-自定义-铺满窗口或者同宽 <div class="" style="width:100%"><div class="home-row-left content-area "><div id="html-box-shou-suo" class=&qu…- 0
- 0
- 975
隐藏 -
B2主题动态滚动公告显示订单成交信息
美化图: 该美化有用到jquery请自行引入,如您已经引入过则可以忽视 第一步: 在合适的位置插入以下HTML代码 <div id="rizhuti_v2_module_dynamic-5" class="section rizhuti_v2-widget-dynamic"> <div class="wrapper"&g…- 0
- 0
- 2.3k
-
B2主题文章每次访问随机增加访问量
图: 打开默认文章模板文件/b2/Modules/Common/Post.php,把531行代码: //默认每次浏览量+1 update_post_meta($post_id,'views',$views+1); 换成以下代码: //默认每次浏览量+(10~50)之间随机数字 update_post_meta($post_id,'views',$views+…- 0
- 3
- 1.8k
-
B2美化之悬浮侧边栏滑动美化
扒自米图子主题 如果你是子主题则需要再functions.php内引入这个文件 require_once get_stylesheet_directory() . '/Modules/Templates/Footer.php';- 0
- 0
- 1.2k
隐藏 -
B2美化之评论后自动刷新
效果见本站 打开Assets/fontend/single.js搜索$nextTick 大概在第三个$nextTick 的位置在他的下面加入一行 lazyLoadInstance.update() 如上图所示,后续b2更新或改版可能会变更位置,具体自测- 0
- 2
- 832
-
B2主题修改文章内页分享评论互动模块
预览图: 修改图标,或者删除分享模块 例如:b2-message-3-fill,b2是字体family的名称,message-3-fill是图标名称。b2主题官方的图标库https://7b2.com/fonts/- 0
- 0
- 856
隐藏 -
B2主题首页添加热门用户展示
前言: 这次分享的是html代码+css,适合直接b2主题自定义使用 美化图: 站长使用的宽度是1500px,如果使用宽度较小的,自行删除一些用户展示或者,调整css样式- 0
- 0
- 1.4k
隐藏 -
B2主题修改专题页面的文章排序布局样式
前言: 原来我的专题页面是这样的,感觉特别乱,如图: 于是我自己寻找代码,在b2/TempParts/Archive/content-collection.php文件中找到了代码,如图: 第一步: 修改其中的post-1为post-3,就显示正常了 第二步: 布局样式代码参考,根据图中标识选择布局样式。- 0
- 1
- 1.4k
-
B2主题添加可自由缩放展开或关闭的底部浮动广告
演示: 教程: 第一步: 在自定义底部html中添加一下代码 <div id="xcx-ad" class="xcx-ad-container"> <div id="close-ad" class="close-ico" onclick="target_dis();" >&l…- 0
- 0
- 1.1k
-
B2主题添加个好看的底部导航
效果图: 教程: 第一步: 打开自己网站下的 /wp-content/themes/b2/funactions.php 文件,然后把下面的代码加入到文件内。 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=…- 0
- 0
- 1.6k
-
B2主题代码块添加一键复制和美化
美化图: 第一步: CSS代码部分 /*为pre区域添加一键复制*/ i.yellow-i { content: ''; position: absolute; top: 0; left: 25px; width: 15px; height: 15px; border-radius: 50%; margin: 15px 25px; background: #fdbc40; z-…- 0
- 0
- 1.7k
-
子比主题修改粉色果冻泡泡loading加载动画
美化图: 食用教程: 打开/wp-content/themes/zibll/inc/functions/zib-head.php 搜索zib_is_crawler 在(_pz('qj_dh_xs') == 'no2')前粘贴以下代码,如图: (_pz('qj_dh_xs') == 'no0') { $dh_nr = &…- 0
- 0
- 1k
-
B2主题网站添加用户IP归属地
演示: 🎉教程: 第一步: 1、下载WP-IPUA插件,打开/wordpress/wp-content/plugins/wp-ipua/helper.php,添加下面的代码 function get_user_ip_address() { ob_start(); $user_id = get_query_var('author'); // 获取用户ID // 获取用户的最后登录…- 0
- 0
- 1k
-
B2主题添加右下角会员活动弹窗
效果图: 原版自己试一下就好了,原来是有一个活动倒计时的,因为我这里直接标了日期就把倒计时去掉了,各位可根据自身需求自行调整 教程: 首先是原版的代码: <script> window.onload = function () { countDown(); function addZero(i) { return i < 10 ? "0" + i: i + &…- 0
- 0
- 1.4k
-
B2美化之侧边栏漂亮的会员优惠倒计时
美化图: 教程: 外观小工具,插入侧边栏自定义HTML,代码如下 <div class="srot-mine b2-radius" style="background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);"> <i class="srot-mine-bg…- 0
- 0
- 1.5k
-
B2主题美化-侧边跟随工具条
前言: 代码从其它站扒下来的,喜欢就点个赞吧。 注:这里只是固定的html,适合不长修改用户使用,需要后台功能请赞助子主题 美化图: 只有鼠标经过后才显示文字,默认显示图标 第一步: 打开主题Footer.php 文件(Modules/Templates/Footer.php),在大约383行-481行,替换成以下代码, 替换成以下代码 <div class="aside-bar&…- 0
- 0
- 1k
-
B2主题美化大屏搜索雨滴玻璃效果背景
效果图: 本站就是预览效果 前言: 经过网上的教程一些教程改编美化的,确实花费不少精力,所以不免费,如喜欢请支持一下。通过b2主题自带的首页内容模块实现,后续会加到子主题里面,目前只适配电脑端,不想适配手机端。 第四步: 刷新浏览器缓存查看- 0
- 0
- 1.7k
下载隐藏 -
B2主题增加文章内显示最后编辑时间
效果: 第一步: 打开/wp-content/themes/b2/TempParts/Single/content.php查找</header> 在下面添加,当然你也可以添加到你自己喜欢的地方,样式自己调 <div class="operTips">文章最后更新于:<?php echo get_the_modified_time('Y.m…- 0
- 1
- 780
-
B2主题使用Fancybox插件的图片灯箱效果
要使用Fancybox插件实现图片灯箱效果,需要先引入Fancybox的CSS和JS文件,然后在HTML中添加相应的代码。具体步骤如下: 在<head>标签中引入Fancybox的CSS和JS文件: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox…- 0
- 0
- 639