Title: NodeLogic Graph Builder
Author: nodelogicwp
Published: <strong>2026 年 5 月 16 日</strong>
Last modified: 2026 年 7 月 19 日

---

搜尋外掛

![](https://ps.w.org/nodelogic-graph-builder/assets/icon-256x256.png?rev=3533840)

# NodeLogic Graph Builder

 由 [nodelogicwp](https://profiles.wordpress.org/nodelogicwp/) 開發

[下載](https://downloads.wordpress.org/plugin/nodelogic-graph-builder.1.4.3.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/nodelogic-graph-builder/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/nodelogic-graph-builder/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/nodelogic-graph-builder/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/nodelogic-graph-builder/#developers)

 [技術支援](https://wordpress.org/support/plugin/nodelogic-graph-builder/)

## 外掛說明

NodeLogic Graph Builder lets you build dynamic WordPress page logic, calculators,
and reusable workflows without writing code.

You create your setup directly in Gutenberg:

 1. Add input/output blocks from this plugin to your page.
 2. Add the **NodeLogic Graph Builder Logic** block.
 3. Open the graph editor and connect nodes to control values, conditions, styles, 
    and behavior.
 4. Save and publish.

**Key Features:**

 * Visual drag-and-drop node graph editor for calculators and workflows
 * Gutenberg blocks for inputs/outputs and page logic
 * Supports number, string, boolean, color, and basic CSS logic flows in the free
   version
 * Logic Block for page-level runtime behavior
 * Starter preset layouts for common calculator-style setups
 * Works locally inside WordPress (no license endpoint required)

**Node Types Included:**

 * Element blocks: Seekbar, Number Input, Text Input, Radio Group, Select, Checkbox,
   Label, Button Group
 * Graph nodes (free): Calculation, Condition, Switch/If, Boolean Logic, Math helpers,
   core String Logic, Colors, CSS, Outputs

Source: https://github.com/nodelogicwp/nodelogic-graph-builder

## 適用於區塊編輯器

這個外掛提供 12 個可供 Gutenberg/區塊編輯器使用的區塊。

 *   Text Input Text input element.
 *   Button Group Choice button group with a heading.
 *   Array List Display arrays as a responsive grid list.
 *   Select Dropdown select element.
 *   Number Input Numeric input element.
 *   Seekbar Seekbar / progress slider element.
 *   Graph Image Image block that can be driven by the graph.
 *   Container A responsive grid container for other blocks.
 *   Label Static label / text output element.
 *   Trigger Group Group of trigger buttons, each with a unique ID.
 *   Radio Group Radio button group element.
 *   Checkbox Checkbox element.

## 安裝方式

 1. Upload the plugin files to `/wp-content/plugins/nodelogic-graph-builder/`
 2. Activate the plugin through the **Plugins** screen in WordPress
 3. Open any page/post in Gutenberg
 4. Add input/output blocks from **NodeLogic Graph Builder**
 5. Add the **NodeLogic Graph Builder Logic** block and open the graph editor
 6. Connect nodes, save, and publish

## 常見問題集

### Where do I start in the free version?

Open Gutenberg, add the plugin input/output blocks to your page, then add the **
NodeLogic Graph Builder Logic** block. Build your graph there and publish.

### Does this plugin make external HTTP requests?

No. This plugin works locally in WordPress and does not require a license activation
endpoint.

### Are there starter presets?

Yes. The free version includes starter preset layouts built from the plugin’s own
blocks so you can begin with a ready-made calculator layout and then adjust it to
fit your page.

### Where is the JavaScript source code?

The source is included in the `src/` directory. Build artifacts are in `build/`.

### What browsers are supported?

All modern browsers (Chrome, Firefox, Safari, Edge). The graph editor is optimized
for desktop editing.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈NodeLogic Graph Builder〉的開發相關工作。

參與者

 *   [ nodelogicwp ](https://profiles.wordpress.org/nodelogicwp/)

[將〈NodeLogic Graph Builder〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/nodelogic-graph-builder)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/nodelogic-graph-builder/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/nodelogic-graph-builder/)，或
透過 [RSS](https://plugins.trac.wordpress.org/log/nodelogic-graph-builder/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/nodelogic-graph-builder/)。

## 變更記錄

#### 1.4.3

 * Added Actions system — new Action nodes in the graph editor (Action Event, Action
   Block, Set Required, Set Min, Set Max, Set Length, Set Regex, Add Class, Remove
   Class, Toggle Class)
 * Added Events nodes — Event Element Node, Event ID Node, Event Processor now available
   in the free version
 * Fixed broken Calculation Node — formula evaluation was blocked when any action
   nodes were connected to an Output Node
 * Fixed element freeze when actions were attached — output payload was incorrectly
   used as the element value, causing seekbar and other inputs to reset visually
 * Fixed connection line endpoints for Action Nodes — pin positions now correctly
   align to the center of each pin

#### 1.4.2

 * Added manual height control for Array List blocks
 * Improved pie and donut percentage rounding with configurable decimal precision
 * Removed internal debug logging from the editor and runtime

#### 1.4.1

 * Improved calculation flow visualization with clearer numbered markers and curved
   input mapping arrows
 * Added dynamic input-gap validation with node error highlighting and save blocking
   for invalid graphs
 * Fixed sidebar icon/text rendering issues and general graph editor UI polish

#### 1.4.0

 * Renamed plugin to NodeLogic Graph Builder
 * Updated slug/text domain and main plugin file naming
 * Updated WordPress.org free build content and naming consistency
 * Added/kept readable source files in `src/` and documented source location

## 中繼資料

 *  版本 **1.4.3**
 *  最後更新 **3 天前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0.2**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/nodelogic-graph-builder/)
 * 標籤:
 * [calculator](https://tw.wordpress.org/plugins/tags/calculator/)[conditional logic](https://tw.wordpress.org/plugins/tags/conditional-logic/)
   [gutenberg](https://tw.wordpress.org/plugins/tags/gutenberg/)[No-code](https://tw.wordpress.org/plugins/tags/no-code/)
 *  [進階檢視](https://tw.wordpress.org/plugins/nodelogic-graph-builder/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/nodelogic-graph-builder/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/nodelogic-graph-builder/reviews/)

## 參與者

 *   [ nodelogicwp ](https://profiles.wordpress.org/nodelogicwp/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/nodelogic-graph-builder/)