內容簡介
100Prints 讓您在 WordPress 網站上使用原生 Gutenberg 區塊添加個性化文件生成。訪客可以輸入詳細資訊，預覽其個性化文件，並直接從網站下載，無需手動準備每份文件。
【主要功能】
• 原生 Gutenberg 區塊，輕鬆添加文件生成功能
• 瀏覽器端渲染，直接在訪客瀏覽器中生成文件
• 智能變數映射，動態填充文件欄位
• 包含 5 種現成的啟動模板，快速使用
• 生成歷史與審計記錄，方便查詢
• 彈性佈局，自訂文件生成頁面
外掛標籤
開發者團隊
原文外掛簡介
100Prints lets you add personalized document generation to your WordPress website using native Gutenberg blocks.
Visitors can enter their details, preview their personalized document, and download it directly from your website.
Create certificates, ID cards, event badges, membership cards, tickets, and other printable documents without manually preparing each document.
Design once. Generate thousands. Render documents directly in the visitor’s browser.
Key Features
Native Gutenberg Blocks: Add document generation to pages, posts, and custom post types using the WordPress Block Editor.
Browser-Side Rendering: Documents are rendered directly in the visitor’s browser using the bundled JavaScript rendering engine.
Smart Variable Mapping: Populate document fields dynamically from WordPress data, URL parameters, visitor form inputs, system values, or static values.
Bundled Starter Templates: Includes 5 ready-to-use starter templates for certificates, badges, ID cards, membership cards, and similar documents.
Generation History & Audit Logs: Review generation records including status, format, template, timestamps, and other generation information.
Flexible Layout: Form and document blocks can be placed independently so you can build custom document-generation pages.
Extensible Architecture: Developers can register custom variable sources using PHP filters.
3rd-Party Service Disclosure
100Prints can optionally connect to the 100PrintsWithMe Platform to access and synchronize custom templates created on the 100Prints design platform.
Service Name: 100Prints Cloud Platform
Service Domain: https://api.100printswith.me and https://100printswith.me
Purpose: Fetching cloud template definitions, validating the connected account, and synchronizing custom templates.
Terms of Service: https://100printswith.me/terms
Privacy Policy: https://100printswith.me/privacy
Connecting an account is optional. The plugin includes 5 bundled starter templates that can be used without connecting an external account.
Bundled Starter Templates
Professional Certificate of Achievement – Great for online courses and training.
Volunteer Appreciation Certificate – Ideal for non-profits and community events.
Event & Conference Badge – Perfect for summits and workshops.
Employee / Student ID Card – Ideal for institutions.
VIP Membership Card – Great for clubs and membership programs.
Dynamic Variable Sources
Document fields can be populated dynamically from:
Current User – Name, Email, Display Name, Registered Date
Post / Page Data – Post Title, ID, Date, Author
Site Information – Site Title, Tagline, URL
System Values – Current Date, Current Time
URL Query Parameters
Visitor Form Inputs – Custom fields entered by visitors on the frontend
Static Text Values
Customization
100Prints supports Gutenberg’s native styling controls and custom CSS classes for advanced customization.
Common CSS selectors include:
.wp-block-hundredprints-document
.hundredp-document-card
.hundredp-button-group
.hundredp-download-btn
.hundredp-preview-btn
.hundredp-manual-inputs-form
.hundredp-manual-field
.hundredp-manual-input-field
The plugin also exposes CSS custom properties for advanced theme customization, including:
--hundredp-accent
--hundredp-accent-hover
--hundredp-surface
--hundredp-text
--hundredp-muted
For complete styling examples and customization guidance:
https://100printswith.me/docs/wordpress/styling
Source Code and Build Process
The full human-readable source code and build tools for this plugin are publicly available at:
https://github.com/Controcode/100printswithme-wordpress-plugin
The repository contains the source files and build configuration used to generate the production assets included in this plugin.
To rebuild the production assets:
Install Node.js 18 or later and npm.
Clone the repository.
Run npm install.
Run npm run build.
The build process uses @wordpress/scripts to compile the source files into production assets in the build/ directory.
Third-Party Bundled Assets
Konva – MIT License – https://github.com/konvajs/konva
jsPDF – MIT License – https://github.com/parallax/jsPDF
Phosphor Icons – MIT License – https://github.com/phosphor-icons/phosphor-icons
Plus Jakarta Sans – SIL Open Font License 1.1 – https://github.com/google/fonts
