內容簡介
StSalv Smart Schema Builder 是一款能將結構化角色/流程圖轉換為互動式頁面的外掛。使用者可透過 React 基礎的管理介面配置區塊、群組和標籤，並利用 Gutenberg 區塊、短碼或模板標籤插入結構化資料，提升網站的互動性和可用性。
【主要功能】
• 結構化編輯器，支援多種區塊和自動編號
• 響應式佈局預設，兼容舊版瀏覽器
• AND 邏輯標籤過濾器，支援深層連結
• 可存取的模態視窗，具備完整描述
• PDF 和 PNG 打印表單，支援多頁切割
• Gutenberg 區塊即時預覽，簡易插入
外掛標籤
開發者團隊
原文外掛簡介
StSalv Smart Schema Builder turns structured role/process maps into responsive, interactive pages. Configure blocks, groups, items, tags and print forms in a React-based admin, insert schemas with a Gutenberg block, shortcode or template tag, and let visitors explore the map with AND-logic tag filters, deep-linkable state and accessible modals.
Core features
Structured editor: blocks (sequence, columns, hub, panel, separator), groups, items, tags, per-item icons/colors, auto numbering.
Layout presets with container-query responsiveness and a media-query fallback for older browsers.
Tag filters with AND-logic, URL state (shareable links), aria-live announcements and print-aware highlighting.
Accessible modal with full descriptions, focus trap, ESC/backdrop close and correct wheel scrolling (Lenis-safe).
Print forms: PDF (landscape/portrait, multi-page slicing, appendix pages with role descriptions) and PNG (2x), built client-side with jsPDF and html-to-image; JSON export via public REST endpoint.
Gutenberg block with live server-side preview, plus [stsalv_smart_schema id="…"] shortcode and stssb_schema( $id ) template tag.
Per-schema statistics: modal opens and downloads by format, admin table with manual edit and reset.
Capabilities: stssb_edit_schemas, stssb_manage_settings; drafts are never exposed to guests.
Privacy
The plugin stores aggregate per-schema counters (modal opens, downloads) in post meta. No personal data, cookies or external requests are involved. Front-end downloads are generated locally in the visitor’s browser.
Source code
The source code and build tools for this plugin are publicly available on GitHub:
https://github.com/stsalv/smart-schema-builder
The repository includes the unminified source (src/), the build configuration
(webpack.config.js, package.json) and instructions for regenerating the
compiled assets (build/) with npm install && npm run build.
