区块展厅
正文里能用的东西,都摆在这里了。黑白、12px 圆角、线性图标,没有多余颜色。
提示框
四种状态靠图标形状与字重区分,不用彩色;支持自定义标题,正文可放链接与行内代码。
提示这是一条提示
最轻的一档:补充说明、延伸阅读、默认值。
注意动手前先看一眼
这个操作会覆盖已有设置,建议先备份。
搞定已经写好了
区块会自动适配深浅色,不用额外写样式。
警告别这样写
正文里贴 script 会被过滤,代码块请用简码包起来。
[tip type="info" title="这是一条提示"]补充说明写在这里[/tip]
[tip type="warning" title="动手前先看一眼"]建议先备份[/tip]
[tip type="success"]已经写好了[/tip]
[tip type="danger"]别这样写[/tip]代码块
顶部一行语言标签,右上角一键复制;语言留空时按开头特征自动识别。核心「代码」区块加 lang-php 类名也会套同一套外观。
<?php
// functions.php
echo '落笔有声,留白有度。';const bang = { ink: '#000', paper: '#fff' };
console.log(bang.ink);[code lang="php" file="functions.php"]<?php echo "Bang";[/code]
核心代码区块:右侧 → 高级 → 额外的 CSS 类填 lang-php折叠内容
原生 details / summary,键盘、读屏、无脚本环境都能用;可设置默认展开,展开时箭头翻转、内容淡入。
点击展开:这段写了什么展开
被折叠的内容默认收起,点标题即可展开。展开状态由浏览器自己维护,pjax 换页也不会串。
默认展开:一段说明展开
这个块带 open="1",落地就是展开的。
[fold title="点击展开"]被折叠的内容[/fold]
[fold title="默认展开" open="1"]内容[/fold]画廊 / 画展
连续出现的图片自动并成宫格,中间空一行就是单张大图;点任意一张进灯箱,左右键切换。图集区块还支持「主图 + 缩略条」与「拼贴宫格」两种排版。
[wall]
/wp-content/uploads/2026/11/one.jpg | 第一张
/wp-content/uploads/2026/11/two.jpg | 第二张
[/wall]站点级组件
顶部通知条、首页滚动公告、公告弹窗、订阅卡、幻灯片各自独立开关,互不打架;通知条支持点 × / 上滑 / 双击关闭,本次会话不再出现。
- 顶部通知条黑底细带 · 上滑 / 双击 / × 关闭
- 首页公告栏横向无缝滚动 · hover 暂停
- 公告弹窗内容 hash 变更才重新弹
- 命令面板Ctrl / ⌘ + K · 可选浏览器内语义搜索
后台 → Bang 设置 → 常规 → 顶部通知条页面模板
文章归档、关于、联系、友情链接、说说、画展、区块展厅都由主题自动建页,模板按 slug 匹配,无需手动指定。
后台 → 页面 → 新建页面,模板选「画展 / 区块展厅」简码直写
从别处粘过来的写法也能直接用。下面这一整块是简码经过 the_content 与 kses 过滤后的真实输出,和文章正文走的是同一条渲染链路。
[tip type="info" title="标题"]内容[/tip]
[fold title="点击展开" open="1"]内容[/fold]
[code lang="js" file="app.js"]代码[/code]
[wall]
/uploads/one.jpg
/uploads/two.jpg
[/wall]




