Title: Rawnaq – Widgets & Blocks for Elementor, Gutenberg & Divi Author: itsmanzur Published: 2026 年 9 月 14 日 Last modified: 2026 年 9 月 30 日 --- 搜尋外掛 ![](https://ps.w.org/rawnaq/assets/banner-772x250.png?rev=3695463) ![](https://ps.w.org/rawnaq/assets/icon-256x256.png?rev=3695463) # Rawnaq – Widgets & Blocks for Elementor, Gutenberg & Divi 由 [itsmanzur](https://profiles.wordpress.org/itsmanzur/) 開發 [下載](https://downloads.wordpress.org/plugin/rawnaq.1.2.0.zip) * [詳細資料](https://tw.wordpress.org/plugins/rawnaq/#description) * [使用者評論](https://tw.wordpress.org/plugins/rawnaq/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/rawnaq/#installation) * [開發資訊](https://tw.wordpress.org/plugins/rawnaq/#developers) [技術支援](https://wordpress.org/support/plugin/rawnaq/) ## 外掛說明 Rawnaq is a lightweight, speed-first modular library. It introduces highly interactive, beautiful, and customizable elements without bloating your WordPress site. Designed with native support for **Elementor**, the **Block Editor (Gutenberg)**, and **Divi Visual Builder**. Key highlights: * **Zero jQuery Dependency:** The frontend is powered by vanilla JavaScript for near-instant rendering. * **On-Demand Assets:** CSS/JS files are only loaded on pages where the widgets/blocks/modules actually exist. * **Builder Agnostic:** Seamless integration across Elementor, Gutenberg, and Divi. * **Modular Codebase:** Fully ready for developers to extend with new components. #### Included Modules 1. **Hub Diagram:** Interactive Hub & Spoke workflow diagram (PNG/SVG export). 2. **3D Tilt Card:** Interactive tilt cards (kept ultra-light). 3. **Scroll Sync Timeline:** CSS scroll-driven timeline with JS fallback. 4. **Floating Dock Menu:** macOS dock + WhatsApp Contact Mode. 5. **Flow Chart:** Org/process/freeform + WP Users org + PNG/SVG export. 6. **Scroll Progress + TOC:** Reading progress + smart TOC. 7. **Bento Grid:** Marketing bento with Elementor resize + Gutenberg InnerBlocks + Divi support. 8. **Scroll Story Chapters:** Scrollytelling with pinned media. 9. **Smart Form:** Lead form with email + WhatsApp redirect, layouts, uploads, multi- step. 10. **Case-Study Grid:** CPT/manual portfolio, multi-filter, gallery modal, link-out, load more. #### External services Rawnaq may call the following third-party services when you enable related features. No data is sent unless you configure the feature. * **Google reCAPTCHA v3** — Optional spam protection on Smart Form. Site/secret keys are set in plugin settings. Form tokens are verified via Google’s siteverify API. [reCAPTCHA](https://www.google.com/recaptcha/) · [Terms](https://policies.google.com/terms)· [Privacy Policy](https://policies.google.com/privacy) * **WhatsApp (wa.me)** — Optional. Opens a WhatsApp chat URL with a prefilled message when Floating Dock or Smart Form WhatsApp delivery is enabled. [WhatsApp](https://www.whatsapp.com/)· [Terms](https://www.whatsapp.com/legal/terms-of-service) · [Privacy Policy](https://www.whatsapp.com/legal/privacy-policy) * **Mailchimp** — Optional. When Smart Form’s CRM delivery is set to Mailchimp, the submitted email address (and any mapped merge fields) is sent to Mailchimp’s API to subscribe the contact to the audience/list you configure. Requires your own Mailchimp API key. [Mailchimp](https://mailchimp.com/) · [Terms](https://mailchimp.com/legal/terms/)· [Privacy Policy](https://mailchimp.com/legal/privacy/) * **HubSpot** — Optional. When Smart Form’s CRM delivery is set to HubSpot, the submitted form field values are sent to HubSpot’s Forms API using the portal ID and form GUID you configure. [HubSpot](https://www.hubspot.com/) · [Terms](https://legal.hubspot.com/terms-of-service)· [Privacy Policy](https://legal.hubspot.com/privacy-policy) * **Custom webhook / Slack incoming URL** — Optional. Smart Form can POST submission JSON to a URL you provide (e.g. Slack Incoming Webhooks). Only the endpoint you configure is contacted. #### Third-party libraries * **QRCode.js** (davidshimjs) — MIT-compatible QR rendering for Floating Dock WhatsApp mode. Human-readable source: `assets/js/qrcode.js` (also minified as `qrcode. min.js`). Upstream: https://github.com/davidshimjs/qrcodejs ### Privacy Rawnaq does not phone home. Any personal data stays in your WordPress site or goes only to services you explicitly configure. * **Smart Form submissions** — When “Log submissions” is enabled, form entries ( which may include name, email, phone, message, and uploaded files) are stored as private `rawnaq_sf_entry` posts in your database. They are retained until you delete them under Rawnaq Form Submissions. * **Data export / erase** — Rawnaq registers exporter and eraser callbacks with WordPress core, so entries are included in **Tools Export Personal Data** and removed via **Tools Erase Personal Data** when requested by email. * **Delivery services** — Email uses your site’s `wp_mail`. Optional integrations only contact the endpoints you configure: WhatsApp (wa.me link in the visitor’s browser), Google reCAPTCHA (spam scoring), a webhook/Slack URL, or a CRM/ESP ( Mailchimp / HubSpot) when you enable and configure it. * **Floating Dock analytics** — Optional click counts are stored locally in the` rawnaq_dock_clicks` option; no personal data is recorded. ### Credits Rawnaq is developed and maintained by itsmanzur. All code, design, and assets in this plugin are original work created specifically for Rawnaq. Source code: https://github.com/itsmanzur/rawnaq ## 適用於區塊編輯器 這個外掛提供 12 個可供區塊編輯器使用的區塊。 * Hub Diagram (Rawnaq) * 3D Tilt Card (Rawnaq) * Scroll Sync Timeline (Rawnaq) * Floating Dock Menu (Rawnaq) * Flow Chart (Rawnaq) * Scroll Progress + TOC (Rawnaq) * Bento Cell (Rawnaq) * Bento Grid (Rawnaq) * Scroll Story Chapters (Rawnaq) * Smart Form (Rawnaq) * Case-Study Card * Case-Study Grid (Rawnaq) ## 安裝方式 1. Upload the entire `rawnaq` folder to the `/wp-content/plugins/` directory, or upload the ZIP file via WordPress Admin. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. 3. Drop the widgets into Elementor, insert blocks in Gutenberg, or add modules directly inside the Divi Visual Builder. ## 常見問題集 ### Does Rawnaq require Elementor? No. Modules work seamlessly with Elementor, Gutenberg, and Divi Builder. Enable only the modules you need in Rawnaq settings. ### Does Rawnaq support Divi Builder? Yes! All 10 free modules and extensions include dedicated Divi Visual Builder modules with real-time controls. ### Does Smart Form send data to Rawnaq servers? No. Email uses WordPress `wp_mail`. Optional webhooks go only to the URL you configure. Optional reCAPTCHA talks to Google. WhatsApp opens wa.me in the visitor’s browser. ### Where is the QR code library source? See `assets/js/qrcode.js` in the plugin (unminified). Minified build: `assets/js/ qrcode.min.js`. ### How long are Smart Form submissions kept, and can users delete them? Submissions saved by the optional “Log submissions” setting are stored as private entries in your own WordPress database and are kept until you delete them (Rawnaq Form Submissions). Rawnaq integrates with WordPress’ built-in **Tools Export Personal Data** and **Tools Erase Personal Data**, so a visitor’s stored entries can be exported or erased by email address. ## 使用者評論 這個外掛目前沒有任何使用者評論。 ## 參與者及開發者 以下人員參與了開源軟體〈Rawnaq – Widgets & Blocks for Elementor, Gutenberg & Divi〉 的開發相關工作。 參與者 * [ itsmanzur ](https://profiles.wordpress.org/itsmanzur/) [將〈Rawnaq – Widgets & Blocks for Elementor, Gutenberg & Divi〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/rawnaq) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/rawnaq/)、查看 [SVN 存放庫](https://plugins.svn.wordpress.org/rawnaq/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/rawnaq/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/rawnaq/)。 ## 變更記錄 #### 1.2.0 * Floating Dock: DST-aware IANA business timezones (legacy fixed UTC offsets still supported). * Editor parity: Gutenberg now exposes Hub Diagram export toggle, Flow Chart zoom/ pan toggle, Scroll Story pin offset, and Scroll Progress content-selector + hide- on-short-page controls to match Elementor. * Accessibility: Case-Study modal focus trap, focus return, and aria-modal; arrow- key gallery navigation; Scroll Story progress dots support arrow/Home/End keys; safer link handling on Flow Chart nodes. * Polish: corrected mis-encoded characters in Scroll Timeline presets and shared strings. * 3D Tilt Card: optional flip / back-face with hover or click trigger, back title/ description/CTA, and back styling. * Flow Chart: per-node connector (edge) labels and swimlane bands, included in PNG/SVG export. #### 1.1.0 * Added Divi Visual Builder support — all 10 free modules now include dedicated Divi modules. * Updated plugin title for clarity. #### 1.0.0 * Initial public release on WordPress.org. * Modular Elementor + Gutenberg library: Hub Diagram, 3D Tilt Card, Scroll Sync Timeline, Floating Dock (WhatsApp mode), Flow Chart, Scroll Progress + TOC, Bento Grid, Scroll Story Chapters, Smart Form, Case-Study Grid. * On-demand assets, vanilla JS frontend, Elements Manager, WPML config, and documented optional third-party services (Fonts, reCAPTCHA, WhatsApp, webhooks). ## 中繼資料 * 版本 **1.2.0** * 最後更新 **1 週前** * 啟用安裝數 **少於 10 次** * WordPress 版本需求 ** 5.8 或更新版本 ** * 已測試相容的 WordPress 版本 **7.1.3** * PHP 版本需求 ** 7.4 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/rawnaq/) * 標籤: * [diagram](https://tw.wordpress.org/plugins/tags/diagram/)[divi](https://tw.wordpress.org/plugins/tags/divi/) [elementor](https://tw.wordpress.org/plugins/tags/elementor/)[gutenberg](https://tw.wordpress.org/plugins/tags/gutenberg/) [timeline](https://tw.wordpress.org/plugins/tags/timeline/) * [進階檢視](https://tw.wordpress.org/plugins/rawnaq/advanced/) ## 評分 這個項目尚無任何評論記錄。 [撰寫評分](https://wordpress.org/support/plugin/rawnaq/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/rawnaq/reviews/) ## 參與者 * [ itsmanzur ](https://profiles.wordpress.org/itsmanzur/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/rawnaq/)