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

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

美化图： 该美化有用到jquery请自行引入，如您已经引入过则可以忽视 第一步： 在合适的位置插入以下HTML代码 <div id="rizhuti_v2_module_dynamic-5" class="section rizhuti_v2-widget-dynamic"> <div class="wrapper"&g…

B2主题，其实功能也是比较多的了，第三方登录之类的也比较完善，尤其最近上线了聚合登录。 但有一个问题，如果使用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+…

看着好看，从其它站扒下来的代码 美化图： 第一步： 第三步： 强制刷新浏览器以查看效果，部分样式自行调整

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

效果图： 本站就是预览效果 前言： 经过网上的教程一些教程改编美化的，确实花费不少精力，所以不免费，如喜欢请支持一下。通过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-…

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

看图： 第一步： 第三步： 代码中的图片文字自行更换

第一步： 其实是API地址失效了 更换API地址就好了 第二步： 这里推荐一个api地址 b2-accsets-fontend-main.js-1691行 第三步： ctrl+f5强制刷新浏览器，即可看到效果。如不显示多刷新几次或者更换浏览器试试。

美化图： 教程： 外观小工具，插入侧边栏自定义HTML，代码如下 <div class="srot-mine b2-radius" style="background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);"> <i class="srot-mine-bg…

前言： 这次分享的是html代码+css，适合直接b2主题自定义使用 美化图： 站长使用的宽度是1500px，如果使用宽度较小的，自行删除一些用户展示或者，调整css样式

第一步 您可以使用以下步骤在B2主题中创建一个悬浮目录： 在主题文件夹中创建一个新的JavaScript文件，例如“floating-menu.js”。 在该文件中编写以下代码： jQuery(document).ready(function($) { // 创建目录 var toc = ''; var level = 0; var maxLevel = 3; $('…

<div class="n_banner_inner"> <div class="img-info">! <div class="info">也想出现在这里？ <a rel="nofollow noopener noreferrer" href="转跳Url"…

效果图: 原版自己试一下就好了，原来是有一个活动倒计时的，因为我这里直接标了日期就把倒计时去掉了，各位可根据自身需求自行调整 教程： 首先是原版的代码: <script> window.onload = function () { countDown(); function addZero(i) { return i < 10 ? "0" + i: i + &…

前言： 原来我的专题页面是这样的，感觉特别乱，如图： 于是我自己寻找代码，在b2/TempParts/Archive/content-collection.php文件中找到了代码，如图： 第一步： 修改其中的post-1为post-3，就显示正常了 第二步： 布局样式代码参考，根据图中标识选择布局样式。

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

效果图： 使用教程： 打开b2/Modules/Templates/Header.php 文件查找如下代码： <b class="bar-mark" v-if="count" v-cloak> 大约在850行，找到后在其标签中加入如下代码： <p class="ict-count" v-text="count&…

效果图： 第一步： 第三步： 刷新浏览器缓存查看效果

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

将以下代码加到你的网站css文件里面，随意，只要能引用的css就行了，wordpress用户加在style.css里面。  （必看）原理解释 给大家解释一下代码，不看可能不会扫（WordPress柒比贰主题可以忽略，因为花醉也是。） 找到你的logo所处的div，然后找到他的class，如这个实例： <h1 class="logo pos-a">< …