B2教程

一、CMB2 简介 B2 主题内置了 CMB2 自定义字段库（位于 Library/Cmb2），它可以让你为文章、分类、用户等对象添加字段，并自动生成美观的后台表单。很多 B2 自带的功能（如文章角标、下载设置）都是基于 CMB2 实现的。 二、为文章添加自定义字段 在子主题 functions.php 中添加以下代码，为文章增加一个"自定义提示文字"字段： <?php …

一、B2 主题的技术架构 B2 主题作为 WordPress 生态中的典型商业主题，其核心功能通过 PHP 后端逻辑与 JavaScript 前端交互协同实现。理解其函数与钩子（Hook）的设计逻辑，是进行二次开发的基础。 二、核心功能模块函数 1. 文件上传与资源管理（Modules/Common/FileUpload.php） checkFilePermission( $user_id, $f…

一、前后端分离特性 B2 主题采用前后端分离架构，支持将站点完全静态化，甚至将页面保存到远程 CDN 服务器，打开速度可达到毫秒级，无需担心流量过大导致服务器过载。 二、开启 WebP 与懒加载 后台-主题设置-媒体设置中开启 WebP 格式，可以大量节省带宽；开启懒加载后，图片进入视口时才加载，显著提升首屏速度。远程图片不支持 WebP，请使用本地图片。 三、图片资源优化 1. 列表页使用裁剪后…

一、文章角标功能 很多 B2 站点希望给文章列表中的部分文章添加"原创 / VIP / 推荐"等角标，增强视觉区分度。参考 7B2 社区的通用做法，通过 CMB2 给文章增加角标字段，再在列表模板中输出。 二、后台添加角标字段 在父主题（或子主题）的文章设置中加入以下代码（示例为网格模式）： <?php add_action( 'cmb2_admin_init&…

需求背景 B2主题本身具备一定的响应式能力，但在实际项目中，移动端经常出现导航挤压、卡片间距异常、触控目标过小等问题。本文基于子主题方式，介绍移动端适配的常用二开手段。 一、响应式断点与容器调整 在子主题 style.css 中通过媒体查询覆盖父主题样式，建议先定义一套统一的断点： @media (max-width: 768px) { .main-wrapper { padding: 0 12p…

背景 B2 已支持暗夜模式开关，但部分第三方组件与自写模块未适配。本文以 CSS 变量为核心实现全站暗夜适配。 一、统一变量体系 :root { --bg-body: #f5f6f8; --bg-card: #ffffff; --text-primary: #1f2937; --text-secondary: #6b7280; --border-color: #e5e7eb; --primary-…

一、为什么要使用子主题 B2 主题作为一款持续更新的商业主题，会不定期发布新版本。如果你直接把自定义代码写进父主题（b2 目录），一旦主题升级，你所有的改动都会被覆盖，甚至导致网站报错。而使用子主题，可以在完全不改动父主题文件的前提下扩展功能，升级父主题后所有自定义代码依然保留。 二、子主题的适用范围 如果你有一定的代码基础，可以将自己的样式、JS 或者 PHP 代码写到子主题对应的文件中，防止主…

需求概述 默认注册登录流程较为简单，实际站点往往需要图形验证码、短信验证码以及微信/QQ 第三方登录。本文介绍基于 B2 现有登录体系的二开思路。 一、图形验证码接入 在登录表单增加验证码字段，服务端校验： add_action('login_form', function () { echo ''; }); add_filter('authent…

背景 了解用户行为是运营的基础。本文说明如何在 B2 子主题中接入百度统计，并埋设自定义事件用于分析收藏、下载、点赞等行为。 一、基础统计代码 在 header 或 footer 注入统计脚本： add_action('wp_footer', function () { echo 'var _hmt = _hmt || []; (function(){var hm=d…

功能说明 阅读进度条与文章目录能够显著提升长文阅读体验。本文给出在 B2 子主题中通过前端脚本实现这两个能力的完整方案。 一、阅读进度条 在 single 页面注入一段轻量 JS，监听滚动位置更新顶部进度条： window.addEventListener('scroll', function () { var h = document.documentElement; var…

一、B2 下载功能概述 B2 主题的下载功能是资源站的变现核心，支持设置下载权限（游客/积分/等级/VIP）、下载次数限制、有效期内重复下载、下载模板等。二次开发时，重点在于理解下载数据与权限判断的流程。 二、下载权限的常见配置 在文章编辑页的"下载设置"中，每一行代表一种下载权限，格式为： guest|money=3 // 游客：金额 3 元 lv|credit=30 // …

一、首页模块管理 B2 首页由"模块管理"驱动，后台-主题设置-模块管理-首页 中可以添加幻灯、文章、专题、商品、搜索、自定义 HTML 等模块，模块可自由排序、设置可见性与小工具跟随滚动。 二、添加自定义 HTML 模块 1. 后台-模块管理-首页，点击"添加新模块"。 2. 调用内容选择"自定义"，粘贴 HTML 代码（例如六格首页菜…