看图： 第一步： 打开主题的页脚 (footer.php）文件，在大约第12行，style标签后面 第三步： 代码中的文字，图片链接自行更换

前言 我们经常逛别人的网站，有些网站当我们离开该页面浏览其他页面的时候，我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了！”的字样。那么我们如何实现呢？其实很简单，只需一句javascript语句即可实现。请看下面的教程。 美化教…

美化图： 代码： <style type="text/css"> #update_version img{margin:0px 0 15px }#update_version a{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;font-size:9pt;color…

美化展示 第一步 添加在footer.php文件中(替换所有内容)，注意自行修改其中链接 <div class="footer hidden-xs"> <div class="footer__wrapper site-info" style="margin-top: 100px;"> <div class=&…

预览图 第一步：

直接放入后台模块自定义模块即可 仅仅桌面显示，手机端不适应 里面内容自行修改 演示图 </style> <div class="topCard--list"><div class="topCard--item u-rounded u-shadowed"><h3 class="topCard--title&q…

我们经常看到有些个人网站内容需要输入密码才可见，如果是整篇文章加密模式都还简单，我们在发布文章"公开度"选项中可以选择设置加密且设置密码。但是，如果我们看到有些文章部分可见，部分是需要密码才可以看到的，那这样的样式是如何实现的呢？ 第一、CSS样式部分 /*e-secret*/ .e-secret { margin:20px 0; padding:20px; backgroun…

演示效果 .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…

首先在主题页眉文件header.php的head标签中添加css引用文件 <!-- 图片放大 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" /> 然后…

文字美化代码： 只放了两种等级的代码，需要更多的 自行添加 .lv-icon.b2-vip0 b { color: #607a87 !important; background: linear-gradient(90.34deg, #e8eff0 0.27%, #e8eff0 99.7%); padding: 0 5px; border-radius: 3px; } .lv-icon.b2-vip…

这是一款灵动的鱼群跳跃WordPress区块，采用JS技术，通过canvas绘制，适合用在页面底部，增添网站灵动气氛。 区块预览 如何使用 根据代码注释复制代码到自己需要的地方，例如古登堡的HTML区块或是小工具里面的“自定义HTML”，另外，记得看代码注释哦(。・∀・)ノ

这个教程仅是给 网格列表 添加了角标，其他列表也可以使用此方法添加。 1.修改b2主题目录下 /b2/Modules/Settings/Post.php 文件，在$gg_meta = new_cmb2_box 之前添加： // 文章添加角标开始 $post_meta = new_cmb2_box(array( 'id' => 'b2…

美化图： 代码： /*手机侧边栏背景图片*/@media (max-width: 767px){ .mobile-navbar.show,.mobile-navbar.left{ background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer; bac…

第一步： 打开文件B2 /Assets/fontend/main.js，大概913-933行 下面代码替换上图中 var login = new Vue({ el:'#login-box', data:{ show:false, loginType:1, checkCodeSendSuccess:false, isAdmin:false, imgCode:''…

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

这个功能主要是通过获取文章id，然后通过id来获取文章内容，最后进行正则统计，计算出图片数量。接下来就说一下怎么部署代码。 一.前端代码判断部署 至此，完成所有代码部署，记得保存一下首页模块，强制刷新一下，即可看到效果。

查看效果，忘记从哪里扒的了

美化图 CSS代码： /*文章列表样式*/@media screen and (min-width: 768px){.posts-item .item-thumbnail{width: 100%; height: 300px;}/*.posts-item .item-heading{text-align: center;}*/.posts-item .item-body{margin-top: 1…

效果图： 调用方法： 写文章的时候，后台右边有个短代码选项框，选择对应的，就会出现短代码，直接复制到文章就可以。 部署方法： 1.把下载的 shortcodes文件夹上传到主题根目录下 找到目录下shortcodes/shortcodes.php的第253、254行代码 <script type='text/javascript' src='./wp-conte…

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

在其它站扒的，看看 效果： 把以下代码添加到自定义小工具里面即可  

前言 回到顶部悬挂猫咪是今天我从网上看到觉得很不错，然后就弄到了本站，确实很棒。话不多说，下面分享教程！ 美化图 回到顶部悬挂猫咪只能电脑端显示，需要手机端显示，自己修改CSS代码。 本教程以本站使用的子比主题为例，大部分主题大同小异。 回到顶部悬挂猫咪采用js+css+Jquery,但大多数的WordPress主题都已经使用Jquery，所以无需担心Jquery问题（当然啦，如果主题没有Jque…

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

教程开始 放自定义顶部或底部html都可以，也可以放文件里，都随意 <!-- Made by Juanyi --> <!-- 和子比有兼容问题的记得注释掉，如果没引用Jquery记得把注释取消 --> <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js&q…