B2主题钩子完整列表 概述 B2主题提供了非常丰富的钩子系统，总共包含140+个钩子，分为Action钩子和Filter钩子两大类。这些钩子覆盖了页面结构、内容类型、用户行为、数据处理和系统功能等各个方面，开发者可以通过这些钩子在不修改主题核心文件的情况下，灵活地扩展和自定义B2主题的功能。 --- 一、页面结构相关钩子 (Action Hooks) 1. 头部和页面框架钩子 | 钩子名称 | 类…

b2主题实现用户发布或更新文章后，通知粉丝 在社交化的博客平台中，当作者发布或更新文章时，及时通知其粉丝是一个非常实用的功能。本教程将指导您如何在7b2主题中实现这个功能，让您的粉丝能够第一时间收到文章更新的通知。 功能介绍 实现后的效果： 当作者发布新文章时，其粉丝会收到站内通知和邮件通知 当作者更新已发布的文章时，其粉丝同样会收到通知 通知包含文章标题和链接，方便粉丝直接查看 实现步骤 1. …

找了好多模态框，无法实现弹出，不知道什么原因，今天找到了SweetAlert2，这个弹出组件可以实现模态框，大家可以使用一下

7b2主题实现用户发布或更新文章后，通知粉丝 在社交化的博客平台中，当作者发布或更新文章时，及时通知其粉丝是一个非常实用的功能。本教程将指导您如何在7b2主题中实现这个功能，让您的粉丝能够第一时间收到文章更新的通知。 功能介绍 实现后的效果： 当作者发布新文章时，其粉丝会收到站内通知和邮件通知 当作者更新已发布的文章时，其粉丝同样会收到通知 通知包含文章标题和链接，方便粉丝直接查看 实现步骤 1.…

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

保存下面图片附件放到网站根目录 动画与点击的链接可以自定义 第一步： 以下代码放入b2/footer.php最上面 <div class="showpc"> <style> .showpc{display:none;}@media (min-width:960px){.showpc{display:inline; </style> <d…

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

图： 打开默认文章模板文件/b2/Modules/Common/Post.php，把531行代码: //默认每次浏览量+1 update_post_meta($post_id,'views',$views+1); 换成以下代码： //默认每次浏览量+（10~50）之间随机数字 update_post_meta($post_id,'views',$views+…

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

效果图： 从其他网站看到，感觉很有意思，鼠标经过猫猫时会躲起来，鼠标移开又随机位置跑出来，于是扒下来了 b2用户直接常规设置-底部HTML标签添加以下代码即可

前言 利用element-ui显示Notification通知实现【复制、禁用F12、右键菜单】提醒 大家在设定网站提示消息时，非常推荐这个element显示Notification通知功能。 截图 需要引入的CDN外链： <!-- 引入VUE --> <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js&q…

效果图： 不会自动跳转，需勾选后点击跳转 无需操作自动跳转，默认3秒可自行修改 代码教程 一、不会自动跳转的 1、复制代码，替换/wp-content/themes/zibll/go.php文件全部内容 2、搜索logo链接替换成自己的 <?php if ( strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERV…

效果图： 第一步： 在functions.php加上下面这段代码，图片是站长放在自己腾讯云里的，这里我就删除了，请自行添加自己的图片 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=comment&post_…

演示： 教程： 第一步： 在自定义底部html中添加一下代码 <div id="xcx-ad" class="xcx-ad-container"> <div id="close-ad" class="close-ico" onclick="target_dis();" >&l…

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

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

演示： 🎉教程： 第一步： 1、下载WP-IPUA插件，打开/wordpress/wp-content/plugins/wp-ipua/helper.php，添加下面的代码 function get_user_ip_address() { ob_start(); $user_id = get_query_var('author'); // 获取用户ID // 获取用户的最后登录…

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

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

美化图： 效果就是上图这样，图片自动滚动，挺适合做广告位，也可以放一些自己网站特色的内容宣传图。 将下面代码放置在小工具——自定义HTML即可 html代码 <div class="one"> <ul style="left: -788px;"> <li><a href="/&quo…

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

路径b2/Assets/fontend/single.js 在1139行添加以下代码： location.reload();

一般网站都会在页脚底部添加类似Copyright ◎ 2013-2014版权信息,如果嫌每年都改这个日期麻烦, 可以通过下面的方式添加一个动态版权日期。 将下面代码添加到当前主函数模板functions.php function mrxu_copyright() { global $wpdb; $copyright_dates = $wpdb->get_results("SELEC…

网页简介 三组链接悬停效果，鼠标指针在链接时显示具有特殊效果的缩略图。当将鼠标悬停在带下划线的链接上时，您可以看到缩略图。这三组特效看起来都非常不错，有需求可以看看！ 图片预览 在线演示

美化图 api文件下载地址：https://flowerdrunk.lanzouq.com/ibhV01covkyd 首页版： 将index.php里的内容复制到/wp-content/themes/zibll/index.php里你想要放置的地方 hotlist文件夹放到/wp-content/themes/zibll 内即可 页面版： 将HotList.php、hotlist放到/wp-con…

美化图： 教程： 提示：建议夜间模式下不使用背景图片 /***日间主题模式***/body { background-image: url("/**这里改为你自己的图片地址**/"); background-position-x: center; background-position-y: center; background-repeat: no-repeat; backg…

前言： 用jQuery+Layer.js实现的一个主题切换小提示。 美化图： 第一步： 调用Layer.js，Layer.js是一个非常优秀的弹层组件，看自己是否已经调用了Layer组件 （办法：先别调用下面的Layer.js,看直接使用第二步的代码能否使用，若无法使用就证明没有调用Layer，自己把下面的代码放到主题里【自定义头部HTML代码】） <script type="te…

前言： 这个应该好好吐槽一下，主题作者应该更新美化轮播图按钮样式，太矩形了（边角弄圆一点也好呀!）,自己动手丰衣足食，喜欢我这个样式的小伙伴，拿去吧！点赞一波就好啦！ 美化图： CSS代码：（压缩过了） /*幻灯片上一张、下一张按钮样式*/.swiper-button-next, .swiper-button-prev{height: 70px !important;}.swiper-button…

前言： 这是简单的改动一下代码，添加了几个类，如果作者更新主题时下载页面没改动代码的话，更新主题后【复制粘贴代码】进去就能用！（更新前记得备份！记得备份！记得备份！不然就被刷新代码了） 美化图： 代码: （一些说明请仔细看） CSS代码：（放在哪，这里就不在说了，自己可以压缩一下CSS代码） /*下载样式*/.download-article{ padding: 0 10px; } .downlo…

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