参考
Page Builder Sandwich 区块参考
Page Builder Sandwich 和 Page Builder Sandwich Pro 的每个区块（44 个免费版，68 个 Pro 版）：其用于代码与 AI 智能体的名称、其功能，以及直接读取自插件自身 block.json 文件的各个属性及其类型和默认值。
布局与设计
动画文本 pbs/animated-text
Pro。滚动进入视口时自动打字、文字淡入或升起的段落或标题。对于要求减少动画效果的访客保持静止。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
content | string | "" | — |
tag | string | "p" | p h2 h3 h4 h5 h6 |
effect | string | "fade" | typewriter fade rise |
speed | string | "normal" | slow normal fast |
编辑器支持：interactivity.
按钮链接 pbs/button
免费。样式为按钮的链接。查看效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
url | string | "" | — |
text | string | "" | — |
style | string | "" | — |
target | string | "" | _blank |
rel | string | "" | — |
align | string | "" | left center right |
wrapStyle | string | "" | — |
wrapped | boolean | false | — |
wrapData | object | — | — |
legacyClass | string | "" | — |
legacyData | object | — | — |
legacy | boolean | false | — |
容器 pbs/container
免费。使用 flexbox 或网格对其内部区块进行布局的容器。嵌套容器可构建任何布局。即使插件被停用，内容依然保持可读。查看演示.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
tag | string | "div" | section div header footer article aside main nav |
width | string | "full" | full boxed |
link | object | — | — |
光标特效 pbs/cursor-effects
Pro。在某个区块或整个页面上跟随鼠标指针的光环、聚光灯或简短拖尾效果。在触摸屏以及设置了减少动画效果的访客设备上自动禁用。查看演示.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
effect | string | "ring" | ring spotlight trail |
scope | string | "section" | section page |
编辑器支持：interactivity.
语言切换器 pbs/language-switcher
免费。允许访客以其他语言阅读此页面，其样式与您的页面风格一致。需要 Tranzly 插件以提供语言支持。查看实际效果.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
design | string | "pills" | list pills buttons dropdown codes |
display | string | "name" | name code name_code |
flags | boolean | false | — |
flagShape | string | "" | rectangle rounded square circle |
flagSize | string | "" | medium small large |
showCurrent | boolean | true | — |
hideMissing | boolean | false | — |
vertical | boolean | false | — |
label | string | "" | — |
vars | object | {} | — |
跑马灯 pbs/marquee
Pro 版。在页面上滚动的简短文本行，带有暂停按钮。对于要求减少动态效果的访客保持静止。查看运行效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
items | array | [] | — |
label | string | "" | — |
separator | string | "dot" | dot slash star none |
speed | string | "normal" | slow normal fast |
direction | string | "start" | start end |
编辑器支持：interactivity.
粒子背景 pbs/particles
Pro。在区块后方带有缓慢漂浮圆点的区域。为偏好较少动画效果的访客提供单张静止画面。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
color | string | "" | — |
density | string | "normal" | low normal high |
speed | string | "normal" | slow normal fast |
links | boolean | true | — |
编辑器支持：interactivity.
行 pbs/row
免费。由列组成的一行。即使插件停用，内容依然保持可读。查看运行效果.
内部区块：列。
| 属性 | 类型 | 默认值 | 值 |
|---|---|---|---|
style | string | "" | — |
width | string | "" | full-width full-width-retain-content |
legacyClass | string | "" | — |
legacyData | object | — | — |
legacy | boolean | false | — |
区段 pbs/section
免费。页面上的全宽横条，使用弹性盒子（flexbox）或网格（grid）进行内容布局。即使插件被停用，内容依然保持可读。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
tag | string | "section" | section div header footer article aside main nav |
width | string | "boxed" | full boxed |
align | string | "full" | — |
link | object | — | — |
编辑器支持：align.
内容
手风琴折叠面板 pbs/accordion
免费。可展开和收起的问题或部分。可选择一次仅展开一项，并可选择标记为面向搜索引擎的 FAQ 常见问题解答。查看演示效果.
内部区块：手风琴项。
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
single | boolean | false | — |
faq | boolean | false | — |
警告提示 pbs/alert
免费。向访客展示的通知：信息、成功、警告或错误，带有可选标题和关闭按钮。查看实际效果.
| 属性 | 类型 | 默认值 | 可用值 |
|---|---|---|---|
variant | string | "info" | info success warning error |
title | string | "" | — |
content | string | "" | — |
showIcon | boolean | true | — |
dismissible | boolean | false | — |
编辑器支持：interactivity.
徽章 pbs/badge
免费。简短标签，如新品、促销或超值。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
content | string | "" | — |
variant | string | "accent" | neutral info success warning error accent |
justify | string | "start" | start center end |
清单 pbs/checklist
免费。一个任务列表，每项均标明已完成或待完成，既有供屏幕阅读器读取的文字说明，也有勾选标记。查看实际效果.
| 属性 | 类型 | 默认值 | 值 |
|---|---|---|---|
items | array | [] | — |
accent | string | "primary" | text primary secondary contrast |
内容切换器 pbs/content-switcher
Pro。在某些内容的两个或多个版本之间进行切换，例如月付和年付价格。查看实际效果.
内部区块：切换面板。
| 属性 | 类型 | 默认值 | 可用值 |
|---|---|---|---|
label | string | "" | — |
双标题 pbs/dual-heading
免费。由两部分组成的标题，第二部分可通过颜色、渐变、轮廓或下划线进行强调。查看实际效果.
| 属性 | 类型 | 默认值 | 可用值 |
|---|---|---|---|
first | string | "" | — |
second | string | "" | — |
level | integer | 2 | — |
look | string | "accent" | accent gradient outline underline |
stacked | boolean | false | — |
justify | string | "start" | start center end |
特性列表 pbs/feature-list
免费。网格形式展示的特性，每个特性包含一个图标、一个标题和简短描述。查看实际效果.
| 属性 | 类型 | 默认值 | 值 |
|---|---|---|---|
items | array | [] | — |
icon | string | "check" | check star info arrow dot circle |
columns | integer | 3 | — |
level | integer | 2 | — |
accent | string | "primary" | text primary secondary contrast |
词汇表 pbs/glossary
免费。术语及其定义，按 A 到 Z 排序，每个都有专属链接。可以将页面上每个术语的首次出现链接到其定义。查看效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
items | array | [] | — |
sort | boolean | true | — |
showIndex | boolean | false | — |
autoLink | boolean | false | — |
图标列表 pbs/icon-list
免费。每行均以图标开头的列表：勾选标记、箭头或库中的任意图标。查看效果.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
items | array | [] | — |
icon | string | "check" | check dot arrow star circle |
layout | string | "stacked" | stacked inline |
accent | string | "primary" | text primary secondary contrast |
信息框 pbs/info-box
免费。包含一个图标、一个简短标题、一两句话和一个可选链接：适用于服务、优势或联系方式等详情。查看效果演示.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
svg | string | "" | — |
iconRef | string | "" | — |
icon | string | "info" | info star check arrow dot circle |
showIcon | boolean | true | — |
title | string | "" | — |
content | string | "" | — |
linkUrl | string | "" | — |
linkText | string | "" | — |
newTab | boolean | false | — |
align | string | "start" | start center |
level | integer | 2 | — |
accent | string | "primary" | text primary secondary contrast |
模态框 pbs/modal
免费。一个可以在页面上方打开窗口的按钮，内部可包含任何区块。查看演示效果.
| 属性 | 类型 | 默认值 | 可用值 |
|---|---|---|---|
trigger | string | "" | — |
title | string | "" | — |
size | string | "medium" | small medium large |
backdropClose | boolean | true | — |
抽屉侧边栏 pbs/off-canvas
免费。一个可以从窗口侧边滑出面板的按钮，内部可包含任何区块。查看演示效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
trigger | string | "" | — |
title | string | "" | — |
side | string | "end" | start end |
backdropClose | boolean | true | — |
文章 pbs/posts
Pro 功能。将文章、页面、作品集项目或产品展示为卡片：网格、列表、瀑布流或轮播展示，支持分类筛选以及分页或“加载更多”。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
layout | string | "grid" | grid list masonry carousel |
columns | integer | 3 | — |
postType | string | "post" | — |
perPage | integer | 6 | — |
categories | array | [] | — |
orderBy | string | "date" | date title modified menu_order rand |
order | string | "DESC" | DESC ASC |
showImage | boolean | true | — |
showDate | boolean | true | — |
showExcerpt | boolean | true | — |
showTerms | boolean | false | — |
showPrice | boolean | true | — |
level | integer | 2 | — |
filter | boolean | false | — |
pagination | string | "none" | none numbers more |
autoplay | boolean | false | — |
interval | integer | 5 | — |
loop | boolean | true | — |
arrows | boolean | true | — |
dots | boolean | true | — |
显示更多 pbs/show-more
专业版。将长内容截断为设定高度，并带有显示其余内容的按钮。查看效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
height | string | "medium" | small medium large |
moreLabel | string | "" | — |
lessLabel | string | "" | — |
步骤 pbs/steps
免费版。按顺序排列的流程编号步骤，沿页面向下排列或并排展示。查看效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
items | array | [] | — |
layout | string | "vertical" | vertical horizontal |
level | integer | 2 | — |
accent | string | "primary" | text primary secondary contrast |
选项卡 pbs/tabs
免费。选项卡中的内容：访客可通过鼠标或键盘在面板之间切换。查看实际效果.
内部区块：Tab。
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
label | string | "" | — |
vertical | boolean | false | — |
selected | integer | 0 | — |
文字提示 pbs/tooltip
免费。在悬停和键盘聚焦时显示简短说明的单词或短语。查看演示效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
text | string | "" | — |
tip | string | "" | — |
placement | string | "top" | top bottom |
市场营销与销售
A/B 测试 pbs/ab-test
Pro 版。一个版块的两个版本：每位访客看到其中一个，A/B 测试屏幕会显示哪个版本的转化率更高。查看实际效果.
内部区块：A/B 版本。
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
testId | string | "" | — |
name | string | "" | — |
split | number | 50 | — |
goal | string | "" | — |
动态标题 pbs/animated-headline
Pro 版。关键词会发生变化的标题，带有暂停按钮，并为需要减少动态效果的访客停用动画。查看实际效果.
| 属性 | 类型 | 默认值 | 可用值 |
|---|---|---|---|
before | string | "" | — |
words | array | [] | — |
after | string | "" | — |
effect | string | "fade" | fade slide type |
level | integer | 2 | — |
interval | integer | 2500 | — |
编辑器支持：interactivity.
前后对比 pbs/before-after
Pro。两张图片上下重叠，并配有滑块可进行对比。查看效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
beforeUrl | string | "" | — |
beforeId | integer | 0 | — |
beforeAlt | string | "" | — |
beforeLabel | string | "" | — |
afterUrl | string | "" | — |
afterId | integer | 0 | — |
afterAlt | string | "" | — |
afterLabel | string | "" | — |
position | integer | 50 | — |
编辑器支持：interactivity.
行动号召 pbs/call-to-action
免费。一个标题、一句话以及一个或两个引导访客采取行动的按钮。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
title | string | "" | — |
content | string | "" | — |
level | integer | 2 | — |
primaryText | string | "" | — |
primaryUrl | string | "" | — |
primaryNewTab | boolean | false | — |
secondaryText | string | "" | — |
secondaryUrl | string | "" | — |
secondaryNewTab | boolean | false | — |
layout | string | "stacked" | stacked split |
align | string | "center" | start center |
点击分享引述 pbs/click-to-tweet
Pro 版。包含引文及按钮，点击后可在 X 上打开一条带有该引文和本页链接的推文。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
quote | string | "" | — |
via | string | "" | — |
url | string | "" | — |
buttonText | string | "" | — |
对比表格 pbs/comparison-table
免费版。并排对比各方案或产品，带有屏幕阅读器可识别为文字的“是”与“否”标记。查看实际效果.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
caption | string | "" | — |
columns | array | [] | — |
rows | array | [] | — |
stickyHeader | boolean | false | — |
onlyDifferences | boolean | false | — |
联系按钮 pbs/contact-buttons
免费。用于致电、发送电子邮件、发送短信或通过 WhatsApp 给您留言的按钮。查看演示.
| 属性 | 类型 | 默认值 | 可用值 |
|---|---|---|---|
items | array | [] | — |
message | string | "" | — |
倒计时 pbs/countdown
Pro。倒计时到特定日期的计时器，或在每位访客首次到达时启动的常青倒计时。查看演示效果.
| 属性 | 类型 | 默认值 | 可用值 |
|---|---|---|---|
mode | string | "date" | date evergreen |
date | string | "" | — |
evergreenHours | integer | 24 | — |
label | string | "" | — |
expiredText | string | "" | — |
showSeconds | boolean | true | — |
编辑器支持：interactivity.
计数器 pbs/counter
Pro。滚动进入视口时向上递增计数的数字，带有标签。查看演示效果.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
start | number | 0 | — |
end | number | 100 | — |
decimals | integer | 0 | — |
duration | integer | 2000 | — |
prefix | string | "" | — |
suffix | string | "" | — |
label | string | "" | — |
separator | boolean | true | — |
编辑器支持：interactivity.
优惠券代码 pbs/coupon-code
Pro。访客只需点击一下即可显示并复制的折扣码。查看实际效果.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
code | string | "" | — |
description | string | "" | — |
buttonText | string | "" | — |
expires | string | "" | — |
编辑器支持：interactivity.
翻转卡片盒 pbs/flip-box
Pro。一个可以翻转以显示更多内容的卡片：支持悬停翻转、键盘聚焦翻转，或在触摸屏上通过其自带的按钮翻转。查看演示效果.
| 属性 | 类型 | 默认值 | 值 |
|---|---|---|---|
svg | string | "" | — |
iconRef | string | "" | — |
frontTitle | string | "" | — |
frontText | string | "" | — |
backTitle | string | "" | — |
backText | string | "" | — |
buttonText | string | "" | — |
buttonUrl | string | "" | — |
effect | string | "flip" | flip fade |
level | integer | 2 | — |
编辑器支持：interactivity.
表单 pbs/form
免费。显示来自 Contact Form 7、WPForms、Gravity Forms 或 Fluent Forms 的表单，样式与您的网站相匹配。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
provider | string | "" | cf7 wpforms gravityforms fluentforms |
formId | string | "" | — |
fieldStyle | string | "outlined" | outlined filled underlined |
buttonWidth | string | "auto" | auto full |
表单 pbs/form-builder
专业版。包含垃圾信息防护、文件上传和条件字段的联系、报价、注册或多步骤表单；每次提交都可以通过电子邮件发送、保存、发送到 Webhook 或添加到邮件列表中。查看实际效果.
内部区块：表单字段、表单步骤。
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
formId | string | "" | — |
title | string | "" | — |
submitText | string | "" | — |
successMessage | string | "" | — |
redirectUrl | string | "" | — |
trackEvent | string | "" | — |
actions | object | {} | — |
热点 pbs/hotspots
专业版。带有热点的图像，选中时会打开简短说明。查看演示效果.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
imageUrl | string | "" | — |
imageId | integer | 0 | — |
imageAlt | string | "" | — |
points | array | [] | — |
编辑器支持：interactivity.
Logo 网格 pbs/logo-grid
Pro。网格展示的客户或合作伙伴 Logo，每个均可带有可选链接。查看实际效果.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
logos | array | [] | — |
columns | integer | 4 | — |
grayscale | boolean | true | — |
Logo 跑马灯 pbs/logo-marquee
Pro 版。Logo 缓慢横向滚动，带有暂停按钮；针对要求减少动画效果的访客保持静止。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
logos | array | [] | — |
speed | string | "normal" | slow normal fast |
grayscale | boolean | true | — |
编辑器支持：interactivity.
Lottie 动画 pbs/lottie
Pro 版。来自您上传文件的 Lottie 动画，直接在本地站点播放，无需外部请求。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
fileId | integer | 0 | — |
fileName | string | "" | — |
label | string | "" | — |
loop | boolean | true | — |
play | string | "view" | view load hover |
speed | number | 1 | — |
编辑器支持：interactivity.
通讯订阅 pbs/newsletter
Pro。适用于 Mailchimp、MailPoet 或 AWeber 的电子邮件订阅表单，包含同意复选框，并在成功或失败时显示明确的提示信息。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
service | string | "mailpoet" | mailpoet mailchimp aweber |
list | string | "" | — |
heading | string | "" | — |
text | string | "" | — |
buttonText | string | "" | — |
consentText | string | "" | — |
successText | string | "" | — |
layout | string | "stacked" | stacked inline |
编辑器支持：interactivity.
价格表 pbs/price-list
专业版。包含名称、价格和简短描述的项目，例如菜单或服务列表。查看效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
items | array | [] | — |
定价表 pbs/pricing-table
Pro。方案并排展示其价格、功能和按钮，并带有可选的按月/按年切换开关。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
plans | array | [] | — |
billingToggle | boolean | false | — |
currency | string | "$" | — |
monthlyLabel | string | "" | — |
yearlyLabel | string | "" | — |
yearlyNote | string | "" | — |
level | integer | 2 | — |
编辑器支持：interactivity.
促销栏 pbs/promo-bar
Pro。停留在屏幕顶部或底部的细长公告栏，访客可以将其关闭。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
content | string | "" | — |
linkText | string | "" | — |
linkUrl | string | "" | — |
newTab | boolean | false | — |
position | string | "top" | top bottom inline |
dismissible | boolean | true | — |
variant | string | "dark" | dark accent light |
编辑器支持：interactivity.
最近购买通知 pbs/social-proof
Pro。来自 WooCommerce 或 Easy Digital Downloads 的真实最新订单小通知：买家的名字和城市，仅显示在结账时同意的买家。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
source | string | "auto" | auto woocommerce edd |
count | integer | 10 | — |
maxAgeDays | integer | 14 | — |
showFor | integer | 6 | — |
gap | integer | 12 | — |
position | string | "start" | start end |
showProduct | boolean | true | — |
showTime | boolean | true | — |
编辑器支持：interactivity.
分享栏 pbs/share-bar
Pro。用于将此页面分享至社交网络、通过电子邮件分享、通过设备自带的分享菜单分享或通过复制链接分享的按钮。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
networks | array | [] | — |
layout | string | "inline" | inline floating |
label | string | "" | — |
编辑器支持：interactivity.
社交图标 pbs/social-icons
免费。链接到您的个人资料，使用各社交平台自带的图标绘制。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
items | array | [] | — |
look | string | "filled" | plain filled outline |
shape | string | "circle" | circle rounded square |
size | string | "medium" | small medium large |
justify | string | "start" | start center end |
newTab | boolean | true | — |
团队 pbs/team
Pro。展示成员的照片、姓名、角色、简短简介及链接。查看实际效果.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
members | array | [] | — |
columns | integer | 3 | — |
level | integer | 2 | — |
客户评价 pbs/testimonial
免费。包含客户姓名、角色、照片和可选星级评分的客户引述。查看演示.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
quote | string | "" | — |
name | string | "" | — |
role | string | "" | — |
imageUrl | string | "" | — |
imageId | integer | 0 | — |
imageAlt | string | "" | — |
rating | integer | 0 | — |
layout | string | "stacked" | stacked side |
align | string | "start" | start center |
时间轴 pbs/timeline
Pro 版。沿线按日期的顺序排列的事件。查看实际效果.
| 属性 | 类型 | 默认值 | 可用值 |
|---|---|---|---|
items | array | [] | — |
level | integer | 2 | — |
信任徽章 pbs/trust-badges
Pro 版。每个安心承诺都配有对应图标：安全支付、免费配送、轻松退货。查看实际效果.
| 属性 | 类型 | 默认值 | 可用值 |
|---|---|---|---|
badges | array | [] | — |
layout | string | "row" | row grid |
WhatsApp 对话按钮 pbs/whatsapp
免费。页面角落的悬浮按钮，可直接与您发起 WhatsApp 对话。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
phone | string | "" | — |
message | string | "" | — |
label | string | "" | — |
showLabel | boolean | false | — |
position | string | "end" | end start |
图像、视频和媒体
3D 模型查看器 pbs/model-viewer
Pro。一个访客可以旋转和缩放的 3D 模型（glTF 或 GLB），可选择在增强现实中查看。查看演示.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
src | string | "" | — |
alt | string | "" | — |
poster | string | "" | — |
autoRotate | boolean | false | — |
ar | boolean | false | — |
音频播放器 pbs/audio-player
Pro。播客或音乐播放器：围绕浏览器自带播放器提供单集、封面艺术和播放速度功能。查看实际效果.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
tracks | array | [] | — |
title | string | "" | — |
artwork | object | — | — |
预约日历 pbs/booking
免费。Calendly 或 Cal.com 预约日历，仅在访客需要时加载。查看实际效果.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
provider | string | "calendly" | calendly cal |
url | string | "" | — |
label | string | "" | — |
编辑器支持：interactivity.
画廊 pbs/gallery
Pro。支持瀑布流、两端对齐或均匀网格排版的图像，并可在无障碍灯箱中打开。查看实际效果.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
images | array | [] | — |
layout | string | "masonry" | masonry justified grid |
columns | integer | 3 | — |
lightbox | boolean | true | — |
captions | boolean | false | — |
图标 pbs/icon
免费。一个 SVG 图标。标记在显示前已进行清理。查看效果.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
svg | string | "" | — |
style | string | "" | — |
iconRef | string | "" | — |
display | string | — | inline block |
justify | string | "start" | start center end |
label | string | "" | — |
图片手风琴 pbs/image-accordion
Pro 版。图片面板并排排列；光标或键盘选中的面板会展开变宽以显示其文本。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
items | array | [] | — |
地图 pbs/map
免费。来自 OpenStreetMap 的地点地图：无需密钥，并且在访客请求查看地图之前，不会从 OpenStreetMap 加载任何内容。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
lat | number | — | — |
lng | number | — | — |
zoom | number | 14 | — |
label | string | "" | — |
编辑器支持：align, interactivity.
视差图像 pbs/parallax-image
Pro。随页面滚动而漂移的图像。对于偏好较少动画效果的访客保持静止。查看运行效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
image | object | — | — |
strength | string | "medium" | low medium high |
height | string | "medium" | small medium large |
PDF 阅读器 pbs/pdf-viewer
Pro。由浏览器在页面上显示的 PDF，并带有打开它的链接。查看运行效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
src | string | "" | — |
title | string | "" | — |
height | string | "medium" | small medium large |
二维码 pbs/qr-code
免费。用于网址或任何文本的二维码，直接在您自己的网站上生成绘制（无需使用任何第三方二维码服务）。查看演示效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
text | string | "" | — |
svg | string | "" | — |
alt | string | "" | — |
caption | string | "" | — |
滑块 pbs/slider
专业版。幻灯片、图像、文章或产品的轮播：支持滑动、按钮控制或自动播放，且具备无障碍访问功能。查看实际效果.
内部区块：幻灯片。
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
label | string | "" | — |
source | string | "slides" | slides images posts products |
images | array | [] | — |
postType | string | "post" | — |
perPage | integer | 6 | — |
categories | array | [] | — |
orderBy | string | "date" | date title modified menu_order rand |
order | string | "DESC" | DESC ASC |
showImage | boolean | true | — |
showDate | boolean | true | — |
showExcerpt | boolean | true | — |
showTerms | boolean | false | — |
showPrice | boolean | true | — |
effect | string | "slide" | slide fade kenburns |
perView | integer | 1 | — |
perViewTablet | integer | 1 | — |
perViewMobile | integer | 1 | — |
autoplay | boolean | false | — |
interval | integer | 5 | — |
loop | boolean | true | — |
arrows | boolean | true | — |
dots | boolean | true | — |
视频库 pbs/video-gallery
Pro 版。视频网格。仅在访客点击播放时加载 YouTube 和 Vimeo，封面海报保留在您的网站上。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
videos | array | [] | — |
columns | integer | 3 | — |
视频播放列表 pbs/video-playlist
Pro 版。一个播放器和一个视频列表：您自己的文件，或仅在选中时加载的 YouTube 和 Vimeo。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
videos | array | [] | — |
label | string | "" | — |
数据、图表和表格
图表 pbs/chart
Pro。在服务器端绘制的柱状图、折线图或饼图，并为无法查看图表的用户在表格中提供数据。查看效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
type | string | "bar" | bar line pie |
title | string | "" | — |
labels | array | [] | — |
series | array | [] | — |
valuePrefix | string | "" | — |
valueSuffix | string | "" | — |
height | string | "medium" | short medium tall |
showLegend | boolean | true | — |
showValues | boolean | false | — |
代码 pbs/code
免费。带有语法高亮、行号和复制按钮的代码列表。即使插件停用，内容依然保持可读。查看演示.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
code | string | "" | — |
language | string | "auto" | — |
filename | string | "" | — |
lineNumbers | boolean | false | — |
copy | boolean | true | — |
wrap | boolean | false | — |
编辑器支持：interactivity.
数据表格 pbs/data-table
Pro 版。访客可进行排序和搜索的表格，在手机端也能保持良好的可读性。支持粘贴或导入 CSV 文件。查看演示.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
caption | string | "" | — |
columns | array | [] | — |
rows | array | [] | — |
sortable | boolean | true | — |
searchable | boolean | true | — |
layout | string | "stack" | stack scroll |
striped | boolean | true | — |
rowHeaders | boolean | false | — |
编辑器支持：interactivity.
活动 pbs/events
Pro。以列表或月历的形式展示即将举行的活动，采用网站所在时区。过去的活动将自动从列表中移除。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
events | array | [] | — |
view | string | "list" | list calendar |
showPast | boolean | false | — |
source | string | "manual" | manual tec |
tecCategory | string | "" | — |
limit | number | 20 | — |
categories | array | [] | — |
hideCanceled | boolean | false | — |
hidePostponed | boolean | false | — |
编辑器支持：interactivity.
Google 和 Trustpilot 评价 pbs/reviews
Pro。以网格、轮播或徽章形式展示您的 Google 和 Trustpilot 评价。每天在后台刷新一次，因此页面无需等待任何一项服务。查看实际效果.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
source | string | "both" | both google trustpilot |
layout | string | "grid" | grid slider badge |
minRating | integer | 4 | — |
order | string | "newest" | newest best |
count | integer | 6 | — |
showDate | boolean | true | — |
showSummary | boolean | false | — |
label | string | "" | — |
编辑器支持：interactivity.
组织架构图 pbs/org-chart
Pro。显示汇报关系，以树状图呈现人员及其角色和照片。查看效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
label | string | "" | — |
people | array | [] | — |
进度条 pbs/progress-bar
免费。带有标签的进度条，用于展示某项内容（如技能或目标）的进展程度。查看效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
label | string | "" | — |
value | integer | 50 | — |
max | integer | 100 | — |
showValue | boolean | true | — |
进度环 pbs/progress-circle
Pro。填充至特定数值的圆环，带有真实文本形式的数字和标签。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
value | number | 75 | — |
max | number | 100 | — |
label | string | "" | — |
format | string | "percent" | percent value |
size | string | "medium" | small medium large |
thickness | string | "normal" | thin normal thick |
查询循环 pbs/query-loop
Pro。列出文章、产品、用户、分类或中继器字段，支持筛选和排序，只需一次设计卡片样式。可选的实时筛选器和分页。查看实际效果.
| 属性 | 类型 | 默认值 | 可用值 |
|---|---|---|---|
loopId | string | "" | — |
source | string | "posts" | posts users terms field |
postType | string | "post" | — |
inherit | boolean | false | — |
terms | array | [] | — |
metaKey | string | "" | — |
metaValue | string | "" | — |
metaCompare | string | "=" | = != > >= < <= LIKE EXISTS NOT EXISTS |
orderBy | string | "date" | — |
orderMetaKey | string | "" | — |
order | string | "DESC" | DESC ASC |
perPage | integer | 6 | — |
offset | integer | 0 | — |
excludeCurrent | boolean | false | — |
taxonomy | string | "category" | — |
hideEmpty | boolean | true | — |
fieldProvider | string | "meta" | — |
fieldKey | string | "" | — |
columns | integer | 3 | — |
layout | string | "grid" | grid list |
pagination | string | "none" | none numbers prevnext |
filters | array | [] | — |
filterPosition | string | "top" | top start |
live | boolean | true | — |
noResults | string | "" | — |
编辑器支持：interactivity.
路线图 pbs/roadmap
专业版。以三栏看板或单一列表的形式展示已计划、进行中和已完成的内容。查看演示.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
items | array | [] | — |
layout | string | "board" | board list |
headingLevel | integer | 2 | — |
星级评分 pbs/star-rating
免费版。以星形显示的评分，支持半星级步进。查看演示.
| 属性 | 类型 | 默认值 | 可用值 |
|---|---|---|---|
rating | number | 4 | — |
max | integer | 5 | — |
showValue | boolean | false | — |
网站构建与导航
作者栏 pbs/author-box
Pro。本文作者：照片、姓名、个人简介和链接。查看效果.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
showAvatar | boolean | true | — |
showBio | boolean | true | — |
showPosts | boolean | true | — |
showWebsite | boolean | true | — |
avatarSize | number | 96 | — |
headingLevel | string | "h2" | — |
作者个人资料 pbs/user-profile
免费。作者的照片、姓名、个人简介和链接，或所选用户的这些信息。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
source | string | "author" | author user |
userId | number | 0 | — |
showAvatar | boolean | true | — |
showBio | boolean | true | — |
showLinks | boolean | true | — |
返回顶部 pbs/back-to-top
专业版。位于屏幕角落的按钮，可让访客返回页面顶部。查看效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
label | string | "" | — |
position | string | "end" | — |
showAfter | number | 400 | — |
showLabel | boolean | false | — |
编辑器支持：interactivity.
面包屑导航 pbs/breadcrumbs
Pro。从首页到当前页面的路径，包含适用于搜索引擎的结构化数据。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
showHome | boolean | true | — |
homeLabel | string | "" | — |
separator | string | "chevron" | — |
showCurrent | boolean | true | — |
schema | boolean | true | — |
营业时间 pbs/business-hours
Pro。您一周的营业时间，并根据您网站所在的时区计算并显示“正在营业”信息。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
title | string | "" | — |
days | array | [{"closed":true,"ranges":[]},{"closed… | — |
showOpenNow | boolean | true | — |
highlightToday | boolean | true | — |
note | string | "" | — |
编辑器支持：interactivity.
深色模式切换 pbs/dark-mode-switch
Pro 版。一个用于在浅色和深色配色之间切换网站、并能记住访客选择的按钮。查看效果.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
label | string | "" | — |
showLabel | boolean | false | — |
编辑器支持：interactivity.
登录与注册 pbs/login-form
Pro。WordPress 登录或注册表单，以及登录后的退出链接。查看效果.
| 属性 | 类型 | 默认值 | 可用值 |
|---|---|---|---|
mode | string | "login" | — |
redirect | string | "" | — |
showRemember | boolean | true | — |
showLost | boolean | true | — |
showRegister | boolean | true | — |
迷你购物车 pbs/mini-cart
Pro。显示访客购物车的商品数量和总额，并可展开查看购物车中的商品。在加入购物车后保持最新状态，即使在缓存页面上也同样有效。查看演示效果.
| 属性 | 类型 | 默认值 | 可用值 |
|---|---|---|---|
label | string | "" | — |
导航菜单 pbs/nav-menu
免费。带有下拉列表和移动端菜单的 WordPress 菜单：侧边抽屉、全屏菜单或下拉菜单。Pro 版支持超级菜单。查看实际效果.
内部区块：超级菜单面板（Pro）。
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
menuId | number | 0 | — |
orientation | string | "horizontal" | horizontal vertical |
collapse | string | "mobile" | mobile tablet always never custom |
openOn | string | "click" | click hover |
label | string | "" | — |
breakpoint | number | 900 | — |
mobileStyle | string | "drawer" | drawer fullscreen dropdown |
drawerSide | string | "end" | end start |
toggleIcon | string | "menu" | menu menu-alt grid none |
toggleLabel | string | "" | — |
toggleShowLabel | boolean | true | — |
toggleStyle | string | "outline" | outline solid plain |
closeOnLink | boolean | true | — |
mobileSubmenus | string | "collapsed" | collapsed expanded |
closeDelay | number | 150 | — |
animation | string | "fade" | none fade slide |
skipLink | boolean | false | — |
skipTarget | string | "main" | — |
编辑器支持：interactivity.
密码保护内容 pbs/protected
免费。仅限拥有密码的访客可见的区块。在输入密码之前，该内容根本不会出现在页面中。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
lockId | string | "" | — |
hash | string | "" | — |
message | string | "" | — |
文章详情 pbs/post-meta
免费。文章的作者、日期、分类、标签、阅读时间和评论数。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
items | array | ["author","date","readingTime"] | — |
产品元素 pbs/product-element
Pro。产品的某个组成部分：标题、图库、价格、评分、加入购物车、选项卡、相关产品、追加销售、促销徽章或库存。显示当前浏览的产品、循环中的产品或您选择的产品。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
part | string | "title" | title gallery image price rating excerpt description add_to_cart meta tabs related upsells sale_badge stock |
productId | integer | 0 | — |
level | integer | 0 | — |
阅读进度条 pbs/reading-progress
免费。位于窗口边缘的细条，随着访客向下滚动页面而逐渐填满。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
position | string | "top" | top bottom |
阅读时间 pbs/reading-time
专业版。阅读本文需要多少分钟。查看运行效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
wpm | number | 200 | — |
format | string | "long" | — |
prefix | string | "" | — |
相关文章 pbs/related-posts
免费。与本文拥有相同分类或标签的文章，包含其图片、日期和摘要。查看运行效果.
| 属性 | 类型 | 默认值 | 值 |
|---|---|---|---|
count | number | 3 | — |
by | string | "both" | both categories tags |
fallback | boolean | true | — |
heading | string | "" | — |
headingLevel | number | 2 | — |
showImage | boolean | true | — |
showDate | boolean | true | — |
showExcerpt | boolean | false | — |
搜索 pbs/search-form
Pro。此网站的搜索框。查看效果.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
label | string | "" | — |
placeholder | string | "" | — |
buttonText | string | "" | — |
showLabel | boolean | false | — |
iconButton | boolean | true | — |
postType | string | "" | — |
分享按钮 pbs/share-buttons
Pro。通过社交网络、电子邮件或复制链接来分享此页面的按钮。查看演示.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
networks | array | ["facebook","x","linkedin","whatsapp"… | — |
showLabels | boolean | false | — |
shape | string | "rounded" | — |
native | boolean | true | — |
label | string | "" | — |
编辑器支持：interactivity.
商店页面 pbs/shop-page
Pro 版。模板中商店页面的 WooCommerce 部分：页面自带的购物车或结账（区块或经典）、经典购物车、结账或“我的账户”，或是已收到订单的详细信息。查看实际效果.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
page | string | "content" | content cart checkout account order |
网站页头 pbs/site-header
Pro。网站顶部：标志（logo）、导航及其他任何内容，可呈单行或多行展示；可选吸顶固定、透明、收缩或向下滚动时隐藏。查看演示.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
sticky | boolean | false | — |
transparent | boolean | false | — |
shrink | boolean | false | — |
hideOnScroll | boolean | false | — |
stickyFrom | number | 0 | — |
编辑器支持：interactivity.
网站地图 pbs/sitemap
免费。列出所有已发布的页面和文章（以及其他公开内容）的页面，并保留页面树结构。查看演示.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
postTypes | array | ["page","post"] | — |
showHeadings | boolean | true | — |
headingLevel | number | 2 | — |
门店定位器 pbs/store-locator
Pro。在列表中展示每个地点，访客可以按距离搜索或排序，并显示在仅当访客请求时才会加载的 OpenStreetMap 地图上。查看演示.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
label | string | "" | — |
locations | array | [] | — |
showSearch | boolean | true | — |
showMap | boolean | true | — |
zoom | integer | 0 | — |
编辑器支持：interactivity.
目录 pbs/table-of-contents
免费。自动生成的页面标题列表，链接到各个标题。查看运行效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
title | string | "" | — |
minLevel | integer | 2 | — |
maxLevel | integer | 3 | — |
ordered | boolean | false | — |
collapsible | boolean | false | — |
collapsed | boolean | false | — |
spy | boolean | true | — |
娱乐场、网络博彩与联盟营销
联盟营销按钮 pbs/affiliate-button
Pro 版。指向特惠/方案的按钮，标记为赞助商链接，可选用支持统计点击次数的短链接。查看实际效果.
| 属性 | 类型 | 默认值 | 可用值 |
|---|---|---|---|
text | string | "" | — |
url | string | "" | — |
linkId | number | 0 | — |
newTab | boolean | true | — |
variant | string | "fill" | fill outline |
size | string | "medium" | small medium large |
年龄限制门 pbs/age-gate
Pro 版。在访客查看网站之前要求确认其年龄，支持按国家/地区设置最低年龄。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
minAge | number | 18 | — |
rules | array | [] | — |
mode | string | "confirm" | confirm birthdate |
rememberDays | number | 30 | — |
title | string | "" | — |
message | string | "" | — |
deniedMessage | string | "" | — |
编辑器支持：interactivity.
赌场对比表格 pbs/casino-table
Pro。并排比较各项优惠，每项均包含其奖金、评分、亮点、按钮和条款。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
offers | array | [] | — |
caption | string | "" | — |
showRank | boolean | true | — |
showRating | boolean | true | — |
showFeatures | boolean | true | — |
notice | string | "" | — |
age | number | 18 | — |
加密货币价格 pbs/crypto-ticker
Pro。来自 CoinGecko 的加密货币价格，可显示为滚动行情、卡片或价格走势图。查看实际效果.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
coins | array | ["bitcoin","ethereum","solana"] | — |
currency | string | "usd" | — |
layout | string | "ticker" | ticker cards chart |
days | number | 7 | — |
label | string | "" | — |
优惠卡片 pbs/offer-card
Pro。单个优惠：徽标、奖金、亮点、赞助按钮、其条款以及年龄提示。查看演示.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
name | string | "" | — |
logo | string | "" | — |
logoId | number | 0 | — |
bonus | string | "" | — |
description | string | "" | — |
features | string | "" | — |
rating | number | 0 | — |
url | string | "" | — |
linkId | number | 0 | — |
cta | string | "" | — |
terms | string | "" | — |
badge | string | "" | — |
age | number | 18 | — |
headingLevel | string | "h2" | h2 h3 h4 p |
优缺点 pbs/pros-cons
Pro 版。并排显示两个列表：优点与不足。查看演示.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
prosTitle | string | "" | — |
consTitle | string | "" | — |
pros | array | [] | — |
cons | array | [] | — |
headingLevel | string | "h2" | h2 h3 h4 p |
理性博彩提示 pbs/rg-notice
Pro 版。根据访客所在国家/地区自动匹配的理性博彩提示及求助链接。查看演示.
| 属性 | 类型 | 默认值 | 可选值 |
|---|---|---|---|
text | string | "" | — |
url | string | "" | — |
linkText | string | "" | — |
useHelp | boolean | true | — |
countries | array | [] | — |
showAge | boolean | true | — |
age | number | 18 | — |
评价得分 pbs/review-score
Pro 版。包含总体评分、各项标准得分以及评价结论。查看实际效果.
| 属性 | 类型 | 默认值 | 值 |
|---|---|---|---|
score | number | 8 | — |
scale | number | 10 | — |
label | string | "" | — |
criteria | array | [] | — |
verdict | string | "" | — |
小部件和附加组件
短代码（附加组件）pbs/shortcode
免费。来自为经典 Page Builder Sandwich 编辑器编写的附加组件的短代码，带有该附加组件声明的设置。查看实际效果.
| 属性 | 类型 | 默认值 | 可用值 |
|---|---|---|---|
tag | string | "" | — |
attrs | object | {} | — |
content | string | "" | — |
小部件 pbs/widget
免费。显示网站已注册的经典小部件之一。查看实际效果.
| 属性 | 类型 | 默认值 | 可用值 |
|---|---|---|---|
widget | string | "" | — |
instance | object | {} | — |
fallbackHtml | string | "" | — |
小部件区域 pbs/sidebar
免费。显示主题小工具区域之一中的小工具。查看效果.
| 属性 | 类型 | 默认值 | 取值 |
|---|---|---|---|
sidebar | string | "" | — |
fallbackHtml | string | "" | — |