-
B2主题美化-移动端底部导航修改美化
移动端现在是网站使用的主流方向,移动端的美化牵扯网站的使用体验,7b2主题移动端美化底部导航栏,可以快速找到相应的内容,这个跟子比主题移动端的底部导航条非常的相似。 效果图: 使用教程: 修改 b2/Assets/fontend/mobile.css 中 .mobile-footer-menu.footer-fixed 内容(覆盖原{}中内容) (宝…- 0
- 0
- 3.4k
-
子比主题下载页面美化(简单的美化)
前言: 这是简单的改动一下代码,添加了几个类,如果作者更新主题时下载页面没改动代码的话,更新主题后【复制粘贴代码】进去就能用!(更新前记得备份!记得备份!记得备份!不然就被刷新代码了) 美化图: 代码: (一些说明请仔细看) CSS代码:(放在哪,这里就不在说了,自己可以压缩一下CSS代码) /*下载样式*/ .download-article{ padding: 0 10px; } .downl…- 0
- 0
- 2.5k
-
子比主题添加底部导航带赞赏和常用按钮
效果图: 第一步: 在functions.php加上下面这段代码,图片是站长放在自己腾讯云里的,这里我就删除了,请自行添加自己的图片 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=comment&post_…- 0
- 0
- 2.2k
-
B2主题使用未认证订阅号实现微信扫码登陆
B2主题,其实功能也是比较多的了,第三方登录之类的也比较完善,尤其最近上线了聚合登录。 但有一个问题,如果使用B2官方的微信登陆功能,就必须要认证的订阅号、服务号之类的,需要花钱还比较麻烦! 那么有没有办法可以使用订阅号来实现微信登陆呢? 是可以的,通过模板兔大佬开发的插件,本站已经实现了用未认证的订阅号实现微信登陆的功能,并且已经集成在登陆弹窗内! 具体可以点击本站首页登陆来体验! 本教程,支持…- 0
- 4
- 2k
隐藏 -
子比主题添加滚动图片广告位html小工具
美化图: 效果就是上图这样,图片自动滚动,挺适合做广告位,也可以放一些自己网站特色的内容宣传图。 将下面代码放置在小工具——自定义HTML即可 html代码 <div class="one"> <ul style="left: -788px;"> <li><a href="/&quo…- 0
- 0
- 1.9k
-
子比主题文章标签美化
前言: 众所周知zibll子比主题是一个非常优秀的WordPress博客主题,但作者可能不怎么喜欢花里胡哨的文章标签,只优化了标签云显示彩色标签,文章标签没有进行彩色化(纯色)。而对于我这种喜欢花里胡哨的来说,只能自己动手,丰衣足食咯!O(∩_∩)O哈哈~文章标签美化采用的是CSS覆盖原来的样式,达到彩色的效果!直接在后台主题自定义CSS样式粘贴CSS代码,这样升级主题时无需二次复…- 0
- 0
- 1.8k
-
B2主题仿子比主题未登入小工具UI
效果图 第一步: 打开Modules/Templates/Widgets/User.php,大约在第224-254行,具体根据图片进行确定位置 可把这个文件复制到子主题相同位置中更改,以防更新主题失效 其它在文件中标明替换链接的地方自己替换就可以- 0
- 9
- 1.7k
隐藏 -
子比主题添加右下角活动倒计时悬浮窗
教程开始 放自定义顶部或底部html都可以,也可以放文件里,都随意 <!-- Made by Juanyi --> <!-- 和子比有兼容问题的记得注释掉,如果没引用Jquery记得把注释取消 --> <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js&q…- 0
- 4
- 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-…- 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
隐藏 -
子比主题侧边栏添加信息统计小工具
前言: WordPress信息统计小工具是前几天逛别的网站看到挺可以的,然后就到百度搜索一下,果然有很多这样的教程,但是那些小工具都只显示文字,不怎么美化,特别的简洁。作为喜欢花里胡哨和爱捣鼓的我,当然要进行一些修改啦!O(∩_∩)O哈哈~,然后我自己就弄出了看上去比较可以的信息统计小工具(算是图片版吧<del>~),代码基本都是借鉴大佬的。本来有9个信息统计(删除一些…- 0
- 0
- 1.5k
-
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
-
WordPress主题利用element-ui显示Notification通知【复制、禁用F12、右键菜单】提醒
前言 利用element-ui显示Notification通知实现【复制、禁用F12、右键菜单】提醒 大家在设定网站提示消息时,非常推荐这个element显示Notification通知功能。 截图 需要引入的CDN外链: <!-- 引入VUE --> <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js&q…- 0
- 0
- 1.5k
-
子比主题添加说说动态页面
前言: WordPress添加说说页面百度上有很多这样的页面教程,有些大佬制作的说说页面非常好,这也使我制作清新版说说页面受益良多。本来我也不想制作这样页面,毕竟百度上一大堆教程,而且用处也不是很大。但是我在使用那些大佬制作好的说说页面,有些存在一些小BUG(可能不适配本站主题的原因),所以我自己制作了一个清新版说说页面(当然啦,大部分代码都是借鉴和使用大佬的),花了2天的时间制作完成(主要花很多…- 0
- 0
- 1.5k
-
WordPress添加底部滚动文章推荐条
美化图: 前言: 这个功能最开始叫底部滚动公告条,部分 WordPress 主题集成自带,比如知更鸟主题。主题没集成的还可以使用万戈牌公告栏插件来实现这个功能。不过以往插件或主题集成的公告栏功能都只会滚动公告,即后台会有一个公告撰写栏,可以编辑数条公告然后在前台底部滚动显示。 最开始,张戈博客也是用了知更鸟主题特有的公告功能来发布一些公告,后来在我折腾中国博客联盟展示导航的时候,发现原来要实现滚动…- 0
- 0
- 1.5k
-
子比主题聚合热搜API对接
美化图 api文件下载地址:https://flowerdrunk.lanzouq.com/ibhV01covkyd 首页版: 将index.php里的内容复制到/wp-content/themes/zibll/index.php里你想要放置的地方 hotlist文件夹放到/wp-content/themes/zibll 内即可 页面版: 将HotList.php、hotlist放到/wp-con…- 0
- 0
- 1.4k
-
B2主题中用代码做个悬浮目录
第一步 您可以使用以下步骤在B2主题中创建一个悬浮目录: 在主题文件夹中创建一个新的JavaScript文件,例如“floating-menu.js”。 在该文件中编写以下代码: jQuery(document).ready(function($) { // 创建目录 var toc = ''; var level = 0; var maxLevel = 3; $('…- 0
- 1
- 1.4k
隐藏 -
B2主题修改专题页面的文章排序布局样式
前言: 原来我的专题页面是这样的,感觉特别乱,如图: 于是我自己寻找代码,在b2/TempParts/Archive/content-collection.php文件中找到了代码,如图: 第一步: 修改其中的post-1为post-3,就显示正常了 第二步: 布局样式代码参考,根据图中标识选择布局样式。- 0
- 1
- 1.4k
-
B2主题添加右下角会员活动弹窗
效果图: 原版自己试一下就好了,原来是有一个活动倒计时的,因为我这里直接标了日期就把倒计时去掉了,各位可根据自身需求自行调整 教程: 首先是原版的代码: <script> window.onload = function () { countDown(); function addZero(i) { return i < 10 ? "0" + i: i + &…- 0
- 0
- 1.4k