Title: SwiftBlock Elements Author: Johir Rihan Published: 2026 年 6 月 19 日 Last modified: 2026 年 6 月 19 日 --- 搜尋外掛 ![](https://ps.w.org/swiftblock-elements/assets/banner-772x250.png?rev=3579008) ![](https://ps.w.org/swiftblock-elements/assets/icon-128x128.png?rev=3579008) # SwiftBlock Elements 由 [Johir Rihan](https://profiles.wordpress.org/rihansoftvance/) 開發 [下載](https://downloads.wordpress.org/plugin/swiftblock-elements.0.2.9.zip) * [詳細資料](https://tw.wordpress.org/plugins/swiftblock-elements/#description) * [使用者評論](https://tw.wordpress.org/plugins/swiftblock-elements/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/swiftblock-elements/#installation) * [開發資訊](https://tw.wordpress.org/plugins/swiftblock-elements/#developers) [技術支援](https://wordpress.org/support/plugin/swiftblock-elements/) ## 外掛說明 SwiftBlock Elements adds polished, production-ready blocks to the WordPress block editor. Each block is server-rendered with sanitized attributes and escaped output, following WordPress Coding Standards and Block API version 3. Perfect for agency sites, landing pages, and business websites that need testimonial showcases, pricing tables, and FAQ sections without bloated page builders. #### Included Blocks * **Testimonial Block** — Single quote card with author image, name, role, and customizable colors. * **Testimonials Section** — Badge, heading, and auto-scrolling testimonial slider inside a contained card. * **Testimonials Bento** — Bento-grid layout with metrics, client logos, and mixed card sizes. * **Testimonials Slider** — Split layout with manual slider controls and pagination. * **Pricing Section** — Three-column pricing cards with a featured plan highlight. * **FAQ Section** — Two-column glass-style accordion with gradient background. * **FAQ Studio** — Luxury FAQ layout with image sidebar, navigation links, and plus/minus accordion. #### Key Features * Dynamic blocks with server-side render.php templates (no saved HTML in the database). * Shared design tokens for consistent colors, spacing, and typography across blocks. * Per-block responsive controls for Desktop, Tablet, and Phone in the editor sidebar. * Full-width section backgrounds with contained content areas. * Block anchor IDs and top/bottom margin spacing via native block supports. * Translation-ready with the swiftblock-elements text domain. * Front-end JavaScript loads only when needed (sliders and FAQ accordions). #### Development Human-readable source files are included in the src/ directory. Compiled assets in build/ are generated with @wordpress/scripts. * **Source repository:** [GitHub](https://github.com/rihansoftvance-crypto/SwiftBlock-Elements) * **Build:** Run `npm install` then `npm run build` (requires Node.js 18+). ### External Services This plugin connects to **Google Fonts** (provided by Google LLC) for optional typography in blocks. #### What it is used for * In the block editor, the font family control loads a list of Google Font family names so authors can choose a font for a block. * On the front end, when a block uses a Google Font (not a system font), the plugin loads the font stylesheet so visitors see the selected typography. #### What data is sent and when * **Editor:** When an author opens a block sidebar font control, the editor requests` https://fonts.google.com/metadata/fonts` to load the public Google Fonts catalog. No personal user data is sent. * **Front end:** When a page containing a block with a Google Font is viewed, the visitor’s browser requests `https://fonts.googleapis.com/css2` for the selected font family. Google may receive the visitor’s IP address and browser information as with any third-party stylesheet request. This only happens when a block is configured to use a Google Font. #### Terms and privacy * Google Fonts terms of service: https://developers.google.com/fonts/terms * Google privacy policy: https://policies.google.com/privacy ## 螢幕擷圖 [⌊Testimonial block with author image, quote, and customizable colors in the block editor.⌉⌊Testimonial block with author image, quote, and customizable colors in the block editor.⌉[ Testimonial block with author image, quote, and customizable colors in the block editor. [⌊Testimonials Section with badge, heading, and auto-scrolling slider layout.⌉⌊Testimonials Section with badge, heading, and auto-scrolling slider layout.⌉[ Testimonials Section with badge, heading, and auto-scrolling slider layout. [⌊Pricing Section with three-column cards and featured plan highlight.⌉⌊Pricing Section with three-column cards and featured plan highlight.⌉[ Pricing Section with three-column cards and featured plan highlight. [⌊FAQ Section with two-column glass-style accordion layout.⌉⌊FAQ Section with two- column glass-style accordion layout.⌉[ FAQ Section with two-column glass-style accordion layout. [⌊Per-block responsive controls for Desktop, Tablet, and Phone in the editor sidebar.⌉⌊ Per-block responsive controls for Desktop, Tablet, and Phone in the editor sidebar .⌉[ Per-block responsive controls for Desktop, Tablet, and Phone in the editor sidebar. ## 適用於區塊編輯器 這個外掛提供 7 個可供 Gutenberg/區塊編輯器使用的區塊。 * Pricing Section Three-column pricing table with badge, heading, and feature lists. * Testimonials Slider Two-column testimonial slider with heading, navigation arrows, and editable slides. * FAQ Section Two-column FAQ accordion with glass cards and expandable answers. * Testimonial Block Display a customer testimonial with image, customizable colors, and responsive layout. * Testimonials Bento Bento grid testimonials section with metrics, ratings, and customizable colors. * Testimonials Section Pre-designed testimonials section template with editable content, colors, and typography. * FAQ Studio Minimal FAQ with image sidebar, top navigation links, and plus/minus accordion. ## 安裝方式 1. Install the plugin through **Plugins Add New** in WordPress admin, or upload the` swiftblock-elements` folder to `/wp-content/plugins/`. 2. Activate the plugin on the **Plugins** screen. 3. Open the block editor on any page or post. 4. Click the block inserter (+) and search for **SwiftBlock**, **Testimonial**, ** FAQ**, or **Pricing**. 5. Customize colors, typography, and spacing from the block sidebar. ## 常見問題集 ### Does this plugin require the block editor? Yes. SwiftBlock Elements requires WordPress 6.8 or later with the Gutenberg block editor. ### Are block attributes sanitized? Yes. All user-provided content is sanitized on the server before output. Plain text uses `sanitize_text_field`, rich text uses `wp_kses_post`, URLs use `esc_url_raw`, and colors use `sanitize_hex_color`. ### Is the plugin translation-ready? Yes. User-facing strings use the `swiftblock-elements` text domain. WordPress.org loads translations automatically. ### Do all blocks load JavaScript on the front end? No. Static blocks such as Testimonial and Pricing render entirely in PHP. Interactive blocks (FAQ accordions and testimonial sliders) enqueue minimal view scripts only when the block is present on the page. ### Can I use full-width backgrounds? Yes. Section blocks support **Full Width Background** in the Layout panel and ** Align Full width** in the block toolbar. ### Does this plugin use external services? Yes. Optional Google Fonts are loaded when you choose a Google Font in block settings. See the External Services section below for details. ## 使用者評論 這個外掛目前沒有任何使用者評論。 ## 參與者及開發者 以下人員參與了開源軟體〈SwiftBlock Elements〉的開發相關工作。 參與者 * [ Johir Rihan ](https://profiles.wordpress.org/rihansoftvance/) * [ JOHIR RIHAN ](https://profiles.wordpress.org/johirrihan/) [將〈SwiftBlock Elements〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/swiftblock-elements) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/swiftblock-elements/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/swiftblock-elements/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/swiftblock-elements/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/swiftblock-elements/)。 ## 變更記錄 #### 0.2.9 * Replaced minified edit bundles with human-readable edit.js source for all blocks. * Added missing shared editor-styles.js and testimonial-block edit.js. * Updated build pipeline so npm run build compiles from readable source in src/. #### 0.2.8 * Fixed block registration path so blocks load correctly after plugin bootstrap split. * Replaced remaining demo text with generic placeholders. * Aligned block.json versions with plugin version 0.2.8. #### 0.2.2 * Replaced third-party brand names in block demo defaults with generic placeholder text. * Aligned all block.json versions with the plugin version. * Clarified source and build documentation. #### 0.2.1 * Fixed output escaping across all block render templates. * Added testimonial and bento card attribute sanitization. * Removed manual text domain loading for WordPress.org compatibility. #### 0.2.0 * Added Pricing Section, FAQ Section, FAQ Studio, Testimonials Section, Bento, and Slider blocks. * Introduced shared design tokens and responsive editor controls. * Hardened sanitization and escaping across all render.php templates. * Extended block supports: align wide/full, anchor, and section margin spacing. #### 0.1.0 * Initial release with the Testimonial block. ## 中繼資料 * 版本 **0.2.9** * 最後更新 **2 週前** * 啟用安裝數 **少於 10 次** * WordPress 版本需求 ** 6.8 或更新版本 ** * 已測試相容的 WordPress 版本 **7.0** * PHP 版本需求 ** 7.4 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/swiftblock-elements/) * 標籤: * [block](https://tw.wordpress.org/plugins/tags/block/)[faq](https://tw.wordpress.org/plugins/tags/faq/) [gutenberg](https://tw.wordpress.org/plugins/tags/gutenberg/)[pricing](https://tw.wordpress.org/plugins/tags/pricing/) [Testimonial](https://tw.wordpress.org/plugins/tags/testimonial/) * [進階檢視](https://tw.wordpress.org/plugins/swiftblock-elements/advanced/) ## 評分 這個項目尚無任何評論記錄。 [Your review](https://wordpress.org/support/plugin/swiftblock-elements/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/swiftblock-elements/reviews/) ## 參與者 * [ Johir Rihan ](https://profiles.wordpress.org/rihansoftvance/) * [ JOHIR RIHAN ](https://profiles.wordpress.org/johirrihan/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/swiftblock-elements/)