-
B2主题美化-移动端底部导航修改美化
移动端现在是网站使用的主流方向,移动端的美化牵扯网站的使用体验,7b2主题移动端美化底部导航栏,可以快速找到相应的内容,这个跟子比主题移动端的底部导航条非常的相似。 效果图: 使用教程: 修改 b2/Assets/fontend/mobile.css 中 .mobile-footer-menu.footer-fixed 内容(覆盖原{}中内容) (宝…- 0
- 0
- 3.4k
-
-
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主题,其实功能也是比较多的了,第三方登录之类的也比较完善,尤其最近上线了聚合登录。 但有一个问题,如果使用B2官方的微信登陆功能,就必须要认证的订阅号、服务号之类的,需要花钱还比较麻烦! 那么有没有办法可以使用订阅号来实现微信登陆呢? 是可以的,通过模板兔大佬开发的插件,本站已经实现了用未认证的订阅号实现微信登陆的功能,并且已经集成在登陆弹窗内! 具体可以点击本站首页登陆来体验! 本教程,支持…- 0
- 4
- 2k
-
-
B2主题仿子比主题未登入小工具UI
效果图 第一步: 打开Modules/Templates/Widgets/User.php,大约在第224-254行,具体根据图片进行确定位置 可把这个文件复制到子主题相同位置中更改,以防更新主题失效 其它在文件中标明替换链接的地方自己替换就可以- 0
- 9
- 1.7k
-
B2主题美化大屏搜索雨滴玻璃效果背景
效果图: 本站就是预览效果 前言: 经过网上的教程一些教程改编美化的,确实花费不少精力,所以不免费,如喜欢请支持一下。通过b2主题自带的首页内容模块实现,后续会加到子主题里面,目前只适配电脑端,不想适配手机端。 第四步: 刷新浏览器缓存查看- 0
- 0
- 1.7k
-
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-i…- 0
- 0
- 1.7k
-
-
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主题自带的语音播放失效了
第一步: 其实是API地址失效了 更换API地址就好了 第二步: 这里推荐一个api地址 b2-accsets-fontend-main.js-1691行 第三步: ctrl+f5强制刷新浏览器,即可看到效果。如不显示多刷新几次或者更换浏览器试试。- 0
- 1
- 1.6k
-
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.6k
-
B2主题中用代码做个悬浮目录
第一步 您可以使用以下步骤在B2主题中创建一个悬浮目录: 在主题文件夹中创建一个新的JavaScript文件,例如“floating-menu.js”。 在该文件中编写以下代码: jQuery(document).ready(function($) { // 创建目录 var toc = ''; var level = 0; var maxLevel = 3; $('…- 0
- 1
- 1.4k
-
B2主题添加右下角会员活动弹窗
效果图: 原版自己试一下就好了,原来是有一个活动倒计时的,因为我这里直接标了日期就把倒计时去掉了,各位可根据自身需求自行调整 教程: 首先是原版的代码: <script> window.onload = function () { countDown(); function addZero(i) { return i < 10 ? "0" + i: i + &…- 0
- 0
- 1.4k
-
B2主题修改专题页面的文章排序布局样式
前言: 原来我的专题页面是这样的,感觉特别乱,如图: 于是我自己寻找代码,在b2/TempParts/Archive/content-collection.php文件中找到了代码,如图: 第一步: 修改其中的post-1为post-3,就显示正常了 第二步: 布局样式代码参考,根据图中标识选择布局样式。- 0
- 1
- 1.4k
-
B2主题美化 顶部消息铃消息数值闪烁特效
效果图: 使用教程: 打开b2/Modules/Templates/Header.php 文件查找如下代码: <b class="bar-mark" v-if="count" v-cloak> 大约在850行,找到后在其标签中加入如下代码: <p class="ict-count" v-text="count&…- 0
- 1
- 1.3k
-
B2主题添加全站底部波浪提示条
看图: 第一步: 打开主题页脚footer.php文件,在</footer>标签前面添加以下代码 第三步: 以上波浪线图片地址自己下载到自己的空间更换 (http://sjcnh.cn/wp-content/themes/b2child_JK/Assets/images/dibu/bolang.png)- 0
- 13
- 1.3k
-
B2主题logo扫光特效,网站logo扫光特效纯代码
将以下代码加到你的网站css文件里面,随意,只要能引用的css就行了,wordpress用户加在style.css里面。 (必看)原理解释 给大家解释一下代码,不看可能不会扫(WordPress柒比贰主题可以忽略,因为花醉也是。) 找到你的logo所处的div,然后找到他的class,如这个实例: <h1 class="logo pos-a">< …- 0
- 4
- 1.2k
-
B2主题美化之根据时间自动切换网站背景颜色/图片
顾名思义,根据设定时间,7b2网站会显示不同的颜色或背景图片,目前使用的是黑夜模式,故未测试该功能,详细的演示效果及代码如下 1.黑夜模式图片 白天的图片大家应该都有,分享一个夜晚的图片 2.背景图片/颜色自动切换代码 适用于所有WordPress网站,通过 Date 对象的 getHours() 方法自动获得当前时间,然后自动根据不同的时间段来自动改变页面的背景颜色,当然也可…- 0
- 0
- 1.2k
-
B2 Pro主题文章创建内容目录
文章目录是 WordPress 文章的必要组成部分,尤其是带有许多标题的长文章。创建目录有助于读者轻松快速地遵循和掌握想法。此外,它还可以帮助您在文章中添加更多关键字,这对 SEO 非常有利。 创建文章目录的方法 有两种方法可以在 WordPress 文章中创建目录。 第一种方法是使用插件。这对 WordPress 的代码专家和新手来说都是简单、快速且免费的。 第二个是使用代码。这样您可以自定义目…- 0
- 0
- 1.2k
-
B2主题美化(用户等级)和(会员等级)图标
前言 我也是搜了很多教程只修改用户等级,没有修改会员等级,这里教程修改两个等级 B2主题有两个等级系统,一个(用户等级)和(会员等级),这里同时修改两个等级,把文字等级改为图片。 效果演示 第一步: 修改B2主题目录下的Modules>Common>User.php文件, 子主题把User.php文件复制到同样的路径修改, 查找:- 0
- 0
- 1.2k
-
B2主题网站底部添加动态人物和收藏按钮模块
看图: 第一步: 打开主题的页脚 (footer.php)文件,在大约第12行,style标签后面 第三步: 代码中的文字,图片链接自行更换- 0
- 15
- 1.1k
-
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主题动态背景搜索样式
如果你喜欢这个样式的搜索 将以下Html代码放至主题模块中(主题设置-模块管理-自定义代码 HTML代码 <!--动态搜索背景html代码开始--> <style> .poa { color: #f4f4f4; } p.home-banner-linkss.line-one1 { width: 80%; font-size: 14px; height: 20px; line…- 0
- 0
- 1.1k