效果见本站 打开Assets/fontend/single.js搜索$nextTick 大概在第三个$nextTick 的位置在他的下面加入一行 lazyLoadInstance.update() 如上图所示，后续b2更新或改版可能会变更位置，具体自测

演示效果 .top-menu ul li.depth-0 > a { color: #fff; padding: 18px 30px; } .has_children .sub-menu { border-radius: 4px; } .top-menu .b2-jt-down { display: none!important; } .top-menu-ul .sub-menu-0 { b…

看图： 原来的位置是左边等级，右边会员，此教程是左右位置调换 首先：

B2主题美化小工具“创建圈子”按钮，直接上图，把下方css样式添加到相应样式文件里面就行了 美化前： 美化后： . .circle-widget-button .text { background: #2485e5!important; border: 1px solid #2485e5!important; border-radius: 0!important; colo…

仿优设首页人气作者b2美化兼容手机端 看图： 功能特点 自动调用已经发布过文章的用户，按粉丝数量从多到少排序。 电脑端默认显示7位作者，手机端默认显示3位作者。 教程开始 第一步： 在主题的style.css中加入以下css代码:

如果你喜欢这个样式的搜索 将以下Html代码放至主题模块中（主题设置-模块管理-自定义代码 HTML代码 <!--动态搜索背景html代码开始--> <style> .poa { color: #f4f4f4; } p.home-banner-linkss.line-one1 { width: 80%; font-size: 14px; height: 20px; line…

看图： 第一步： 打开主题页脚footer.php文件，在</footer>标签前面添加以下代码 第三步： 以上波浪线图片地址自己下载到自己的空间更换 （http://sjcnh.cn/wp-content/themes/b2child_JK/Assets/images/dibu/bolang.png）

角标底色同步你站点 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: space-be…

移动端现在是网站使用的主流方向，移动端的美化牵扯网站的使用体验，7b2主题移动端美化底部导航栏，可以快速找到相应的内容，这个跟子比主题移动端的底部导航条非常的相似。 效果图： 使用教程： 修改 b2/Assets/fontend/mobile.css   中 .mobile-footer-menu.footer-fixed 内容(覆盖原{}中内容)   (宝…

美化图： 第一步： 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…

前言 我们B2主题的回到顶部的按钮一直都显示，不太喜欢，所以用AI写了个代码，可以增加趣味性 以下是修改后的代码，实现了回到顶部按钮默认隐藏起来，在页面滑动的时候才显示的功能。主要修改点在于对按钮初始显示状态以及显示逻辑的调整。 我这个是修改了代码的侧边栏，原主题是要修改代码的， 第一步 修改位置在B2/Modules/Templates/Footer.php, 480-483行处，当前B2版本：…

关于导航条的一个美化，b2主题顶部导航条和子导航固定成58px了，改为75px了，并且把下拉菜单也美化了下，保留了导航条滚动后的效果。 效果图： 美化代码： 放主題或者子主題style.css中 /* * 导航条美化 */.header-banner { /*隐藏顶部bar*/display: none!important; } .site-header { height: 75px; margi…

点击展开更多弹出提示框，确定跳转APP页面，取消展开全文 functions.php文件添加 //字数统计 function word_num () { global $post; $text_num = mb_strlen(preg_replace('/\s/','',html_entity_decode(strip_tags($post->post…

B2主题，其实功能也是比较多的了，第三方登录之类的也比较完善，尤其最近上线了聚合登录。 但有一个问题，如果使用B2官方的微信登陆功能，就必须要认证的订阅号、服务号之类的，需要花钱还比较麻烦！ 那么有没有办法可以使用订阅号来实现微信登陆呢？ 是可以的，通过模板兔大佬开发的插件，本站已经实现了用未认证的订阅号实现微信登陆的功能，并且已经集成在登陆弹窗内！ 具体可以点击本站首页登陆来体验！ 本教程，支持…

前言： 致美化是B2美化圈子的大佬，顶级的美化。 本教程模仿致美化分类筛选页面排版布局。 由于本人不是很精通代码，我只仿了大概的，看着致美化的布局，根据自己的思路去写代码。请浏览本站效果，略有不足。请谨慎购买教程。如代码还有修改会再次更新本帖子。 美化效果图： 第六步： 强制刷新缓存查看效果

B2主题美化头部菜单栏，底部信息，实现全透明网站

/*个人中心*/.author .author-header { margin-top: -20px; } .user-panel { display: block; } .user-panel .avatar { margin: 0 auto; border-radius: 50%; } .user-panel-info { text-align: center; padding-top: 20…

我不知道你们会不会这样，反正我遇到了，我就顺手写了个教程，小白可以看看，高手绕道吧 第一步： 原图是这样的： 第二步： 完成：

效果图： 教程： 第一步： 打开自己网站下的 /wp-content/themes/b2/funactions.php 文件，然后把下面的代码加入到文件内。 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=…

WordPress网站7b2美化之漂亮的VIP会员页面兼容手机端（适合2或4种会员），很多网站都是有会员的，这个vip美化很好地引导用户注册成收费会员，还可以兼容手机，还是比较不错的。 1.效果演示 2.实现教程 教程大致可分为两步：替换原VIP页面——美化vip页面 2.1.替换vip会员页面 原404文件位置：主题目录/pages/vips.php，将里面内容替换为下面…

前言： 代码从其它站扒下来的，喜欢就点个赞吧。 注：这里只是固定的html，适合不长修改用户使用，需要后台功能请赞助子主题 美化图： 只有鼠标经过后才显示文字，默认显示图标 第一步： 打开主题Footer.php 文件(Modules/Templates/Footer.php)，在大约383行-481行，替换成以下代码， 替换成以下代码 <div class="aside-bar&…

现在网站基本都是有夜间模式的，由于之前用的主题自带夜间模式，而换到7B2主题后少了这个功能感觉有点不适应，恰巧找到了guhuan大佬写的一篇教程，通过大佬的帮助，完美实现了夜间模式功能。这里也给大家分享一下本人在使用这个教程时遇到的一些问题以及解决方法。   使用教程： 1、首先，您的b2主题必须设置为社交类型菜单（此暗黑模式仅仅适配了此菜单，如果你想使用其他类型菜单可以参考night_…

第一步 后台设置—>外观—>小工具—>添加自定义 HTML 代码,加到合适侧边栏即可 我是添加在首页侧边栏 <canvas id="canvas" style="width:100%;" width="820" height="2"></canvas> <script s…

将下放代码放入b2主题设置->模块管理->首页->首页内容模块布局->调用内容->自定义； 其他主题自行自定义。 Html代码： 五个 <div class="mrxu_link newmrxu_link"> <dl> <dd class="xu_link_1"><a href=&quo…

将html代码放入B2主题设置->模块管理 ->文章内页 ->文章低部广告位代码 html代码： <fieldset style="border: 1px dashed #e8b235; padding: 10px; border-radius: 5px; line-height: 2em; font-size: 12px; color: #bdbdbd; tex…

扒自米图子主题 如果你是子主题则需要再functions.php内引入这个文件 require_once get_stylesheet_directory() . '/Modules/Templates/Footer.php';

结合之前发的几款WordPress广告区块，做了个整合，结合了一些优点，做了点优化。添加了左下角的文字水印，右上角的广告提示标志，精致的hover动效，实用又好看。 响应式设计，应用范围更广，在不同的宽度下都有良好的展现形式。 进入B2主题-模块管理-文章内页-文章顶部广告位代码里面复制下面方的代码 下面是广告代码和CSS样式

预览

效果图 第一步： 打开Modules/Templates/Widgets/User.php，大约在第224-254行，具体根据图片进行确定位置 可把这个文件复制到子主题相同位置中更改，以防更新主题失效 其它在文件中标明替换链接的地方自己替换就可以