Title: Blockwright Blocks Author: markrussellwp Published: 2026 年 8 月 7 日 Last modified: 2026 年 9 月 18 日 --- 搜尋外掛 ![](https://ps.w.org/blockwright-blocks/assets/banner-772x250.png?rev=3649101) ![](https://ps.w.org/blockwright-blocks/assets/icon-256x256.png?rev=3649101) # Blockwright Blocks 由 [markrussellwp](https://profiles.wordpress.org/markrussellwp/) 開發 [下載](https://downloads.wordpress.org/plugin/blockwright-blocks.1.3.0.zip) * [詳細資料](https://tw.wordpress.org/plugins/blockwright-blocks/#description) * [使用者評論](https://tw.wordpress.org/plugins/blockwright-blocks/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/blockwright-blocks/#installation) * [開發資訊](https://tw.wordpress.org/plugins/blockwright-blocks/#developers) [技術支援](https://wordpress.org/support/plugin/blockwright-blocks/) ## 外掛說明 Blockwright Blocks is a toolkit for people who build sites for clients. Its blocks already know your theme. They take on its colors and follow its light and dark, so a section you drop in looks like part of the design instead of something bolted on, with nothing to set up. The centerpiece is a visual color designer that turns any brand color into a full, accessible light-and-dark scheme in one click. It builds the way WordPress finally can. Full-site editing has matured to where a real client site no longer needs a page builder, and Blockwright Blocks fills the gaps that used to send you to one. The difference goes deeper than looks. A page builder saves your pages in its own format, so the day you switch it off, they break. Blockwright Blocks works inside the standard editor and saves standard WordPress markup, so your content stays ordinary WordPress content, not a proprietary format you have to escape. Nothing loads from third parties, and the whole site is built on the block editor WordPress is putting its future into, so it stays fast and current. So a site you hand a client is genuinely theirs: no builder subscription to keep alive, no proprietary format holding the content hostage, just clean, standard WordPress they own. **What you get** _Design your colors_ * **A visual color designer (Appearance, then Design).** Pick your brand color and generate a full, accessible color scheme, previewed live in light and dark, then apply it to your theme in one click. Start from sixteen one-click presets or dial in your exact brand color; every scheme meets WCAG AA contrast automatically, in both modes, and primary buttons are tuned so a call to action stays crisp and legible. Every change saves a restore point you can roll back to. No JSON and no guesswork. Typography and spacing controls are coming to the same screen. _Blocks that fit your theme_ * **Four composition blocks.** Icon Box (an icon, heading, and text as one feature callout), Icon List (a list where every item leads with an icon), Stat Counter( a large number with a label, for metrics and results), and Timeline (a vertical sequence for steps, process, or history). Each is token-driven, so it inherits your theme’s colors and follows its light and dark. * **Stamp block.** A rotated corner badge, like a rubber stamp, for pricing tables, cards, and feature callouts. Choose the corner, rotation, border style, color, and offset from the block toolbar and Inspector. It is fully transparent, so the card behind it shows through. _Content and polish_ * **Dynamic content placeholders.** Turn any paragraph, heading, image, or button into a placeholder for post or site data, with no code. Pick a source from the“ Dynamic content” panel and it shows the post title, excerpt, date, author, or featured image, or your site title, tagline, or URL. Put one in a template and every post fills it with its own data. It gives WordPress’s Block Bindings API a visible control and the everyday fields it was missing. * **298 extra icons, in WordPress’s own icon picker.** A curated collection that fills the gaps in the default set: contact and location, commerce, trust and proof, charts, workflow, developer, content, and office icons. They appear as their own tab in the Icon block’s library, search alongside the built-in icons, and take their color from your theme. Requires WordPress 7.1 or later; on earlier versions the plugin’s other features work as normal. * **Light / Dark Toggle.** Color is adaptive by default, following each visitor’s device on its own, so no toggle is needed. When you want to give people a choice, drop this control in the header: one tap flips between light and dark, and the choice lasts their visit, then returns to their system setting next time. It steers the standard color-scheme setting, so it works with any theme whose colors adapt, Blockwright included. * **Dark mode Site Logo.** Add an optional second logo that is shown to visitors whose device is in dark mode. Two ordinary image uploads, swapped automatically with a native `` element. No SVG and no upload plugin required. Leave it empty to use your main logo in both modes. Nothing here locks you in. Dynamic content is written as standard WordPress block markup, so if you deactivate the plugin your blocks simply show their own saved content again. Blockwright Blocks is designed to pair with the [Blockwright theme](https://wordpress.org/themes/blockwright/), but the blocks degrade gracefully and work on other block themes too. ### Roadmap Blockwright Blocks is actively developed. The visual color designer landed in 1.3.0; planned additions to the free plugin include: * Typography and spacing controls in the Design screen, alongside color. * A digital design assistant: describe the feel you want and get an accessible scheme, using your own provider key. * More icons, and finer control over how they are used. * A small library of section patterns. Priorities may shift based on user feedback. ### Source Code The plugin’s block JavaScript is compiled from human-readable source with @wordpress/ scripts. The uncompiled source, plus build instructions, is published at https:// github.com/markrusselldev/blockwright-blocks ### Credits Icons are from Phosphor Icons (https://phosphoricons.com/), copyright (c) 2023 Phosphor Icons, used under the MIT License. The full license text ships with the plugin in assets/icons/LICENSE. ## 螢幕擷圖 [⌊The visual color designer (Appearance, then Design): pick a brand color or a one- click preset, preview the scheme live in light and dark, and apply it to your theme in one click. Every shade meets WCAG AA contrast in both modes, and every change saves a restore point.⌉⌊The visual color designer (Appearance, then Design): pick a brand color or a one-click preset, preview the scheme live in light and dark, and apply it to your theme in one click. Every shade meets WCAG AA contrast in both modes, and every change saves a restore point.⌉[ The visual color designer (Appearance, then Design): pick a brand color or a one- click preset, preview the scheme live in light and dark, and apply it to your theme in one click. Every shade meets WCAG AA contrast in both modes, and every change saves a restore point. [⌊Adaptive by default. The same page in light mode, following the visitor's operating- system setting. One design, no toggle, and none of the duplicate light and dark markup other themes ask you to maintain.⌉⌊Adaptive by default. The same page in light mode, following the visitor's operating-system setting. One design, no toggle, and none of the duplicate light and dark markup other themes ask you to maintain .⌉[ Adaptive by default. The same page in light mode, following the visitor’s operating- system setting. One design, no toggle, and none of the duplicate light and dark markup other themes ask you to maintain. [⌊The identical content in dark mode. Every block adapts from a single set of tokens, so both modes ship from one file.⌉⌊The identical content in dark mode. Every block adapts from a single set of tokens, so both modes ship from one file.⌉[ The identical content in dark mode. Every block adapts from a single set of tokens, so both modes ship from one file. [⌊298 curated icons in their own tab inside WordPress's native icon picker, searchable next to core's own set and colored by the theme.⌉⌊298 curated icons in their own tab inside WordPress's native icon picker, searchable next to core's own set and colored by the theme.⌉[ 298 curated icons in their own tab inside WordPress’s native icon picker, searchable next to core’s own set and colored by the theme. ## 適用於區塊編輯器 這個外掛提供 8 個可供區塊編輯器使用的區塊。 * Stamp A rotated badge that sits over a container corner, like a rubber stamp. The color follows the site color scheme by default; set the corner, rotation, color, and text. * Light / Dark Toggle A visitor control that flips between light and dark. The site is adaptive by default; a choice lasts the session, then returns to the visitor's system setting. Place it in the header. * Icon List A list where every row leads with an icon – ideal for checklists, feature lists, and specs. Add, edit, and reorder rows exactly like a normal list. * Timeline A vertical timeline of steps, milestones, or process stages – each entry an icon marker, optional date, heading, and text. Add and reorder entries like a normal list. * Icon Box An icon, heading, text, and optional link combined into one feature card – for feature grids, service highlights, and callouts. * Stat Counter A single headline number with a label – optionally counting up when it scrolls into view. For results, KPIs, and trust stats. * Icon List Item A single icon + text row inside an Icon List. * Timeline Entry A single entry inside a Timeline: icon marker, optional date, heading, and text. ## 安裝方式 1. In your dashboard, go to Plugins, then Add New, then Upload Plugin. 2. Upload the Blockwright Blocks zip and click Install Now. 3. Click Activate. 4. The Stamp block is available in the block inserter under Design. The Dark mode logo control appears in the Site Logo block Inspector in the Site Editor. The Dynamic content panel appears in the block settings sidebar when you select a paragraph, heading, image, or button. ## 常見問題集 ### Do I need the Blockwright theme to use this plugin? No. Blockwright Blocks is built to pair with the Blockwright theme, but the blocks carry their own fallbacks and work on other modern block themes. ### How does the dark mode logo work? Upload a second version of your logo in the Site Logo block Inspector, under “Dark mode logo”. Visitors whose device is set to dark mode see that version; everyone else sees your main logo. The swap uses a native HTML `` element with a` prefers-color-scheme` media query, so there is no JavaScript and no layout shift. ### Where do I find the Stamp block? Open the block inserter (the plus button) and look under the Design category, or search for “Stamp”. Drop it inside a Group or Column and it anchors to that container’s corner. ### What happens to my typed text when I connect a block to dynamic content? It is kept. A connected block displays the dynamic value instead, and your original text stays saved underneath as the fallback. Choose “Static (not connected)” and it comes back. ### Why does a connected block show a different post in the template editor? Templates are not tied to one post, so there is nothing to read from. The editor previews with your latest post to show you the shape of real content, and says so under the dropdown. On the front end each post fills the block with its own data. ### Does this replace the custom fields option WordPress already has? No. WordPress’s own Attributes panel connects blocks to registered post meta, and that keeps working exactly as before. This plugin adds the everyday post and site fields that panel does not offer, in a control you do not have to go hunting for. ## 使用者評論 這個外掛目前沒有任何使用者評論。 ## 參與者及開發者 以下人員參與了開源軟體〈Blockwright Blocks〉的開發相關工作。 參與者 * [ markrussellwp ](https://profiles.wordpress.org/markrussellwp/) [將〈Blockwright Blocks〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/blockwright-blocks) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/blockwright-blocks/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/blockwright-blocks/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/blockwright-blocks/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/blockwright-blocks/)。 ## 變更記錄 #### 1.3.0 New: a visual color designer in your dashboard. * Design tool (Appearance, then Design): pick a brand color and generate a full, accessible, adaptive color scheme, previewed live in light and dark, then apply it to your theme in one click. Start from sixteen one-click presets, or dial in your exact brand color. * Every scheme meets WCAG AA contrast automatically, in both light and dark. * Primary buttons are tuned for real perceived contrast, so a call to action stays crisp and legible in every scheme, not just technically passing. * Every change saves a restore point you can roll back to; Restore and Delete now confirm before they act. * Typography, spacing, and a digital design assistant are coming to the same screen. #### 1.2.0 Icon Box layout and alignment controls. * Icon Box: new Icon position control to place the icon above (default), to the left, or to the right of the heading and text. * Icon Box: new Icon size control, from extra small to extra large, scaling fluidly with the viewport. * Icon Box: in the left and right layouts the icon is optically centered on the heading’s cap height, so it lines up with the letters instead of sitting too high; an opt-in Top / Center / Bottom alignment handles a larger icon beside body text. * Icon Box: the icon keeps its chosen side on right- to-left sites. * Icon Box: newly inserted blocks now default to a centered layout. #### 1.1.0 Adds four new blocks, a curated icon collection, and dynamic content. * New block: Icon Box. An icon, heading, text, and an optional link, with an icon that follows the visitor’s light or dark color scheme. * New block: Icon List. A list where each row leads with an icon; reorder rows like an ordinary list, and the row text and its icon scale together. * New block: Stat Counter. A headline number with an optional prefix, suffix, and count-up animation, plus a label. * New block: Timeline. A vertical sequence of dated entries, each with an icon, heading, and text. * New block: Light/ Dark Toggle. Lets a visitor switch the color scheme for their visit; the choice lasts the session and returns to their system setting next time. * Dynamic content: connect a paragraph, heading, image, or button to post data (title, excerpt, date, author, featured image) or site data (title, tagline, URL) with no code, from a visible panel. Connected blocks preview with real content in the template editor.* Icon collection: 298 Phosphor icons register into the WordPress 7.1 icon library as their own tab in the Icon block picker, with a searchable grid and a per-icon custom SVG field. On earlier WordPress versions the blocks still work and simply omit the icon. * Stamp block: its default color now follows the color scheme, re- hueing with the active color variation. #### 1.0.0 * Initial public release: Stamp block and an optional dark mode Site Logo. ## 中繼資料 * 版本 **1.3.0** * 最後更新 **3 天前** * 啟用安裝數 **少於 10 次** * WordPress 版本需求 ** 7.0 或更新版本 ** * 已測試相容的 WordPress 版本 **7.1.1** * PHP 版本需求 ** 7.4 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/blockwright-blocks/) * 標籤: * [block bindings](https://tw.wordpress.org/plugins/tags/block-bindings/)[blocks](https://tw.wordpress.org/plugins/tags/blocks/) [dark mode](https://tw.wordpress.org/plugins/tags/dark-mode/)[dynamic content](https://tw.wordpress.org/plugins/tags/dynamic-content/) [icons](https://tw.wordpress.org/plugins/tags/icons/) * [進階檢視](https://tw.wordpress.org/plugins/blockwright-blocks/advanced/) ## 評分 這個項目尚無任何評論記錄。 [撰寫評分](https://wordpress.org/support/plugin/blockwright-blocks/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/blockwright-blocks/reviews/) ## 參與者 * [ markrussellwp ](https://profiles.wordpress.org/markrussellwp/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/blockwright-blocks/)