描述
NodeLogic Graph Builder lets you build dynamic WordPress page logic, calculators, and reusable workflows without writing code.
You create your setup directly in Gutenberg:
- Add input/output blocks from this plugin to your page.
- Add the NodeLogic Graph Builder Logic block.
- Open the graph editor and connect nodes to control values, conditions, styles, and behavior.
- 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
Blocks
This plugin provides 7 blocks.
- Select Dropdown select element.
- Radio Group Radio button group element.
- Seekbar Seekbar / progress slider element.
- Text Input Text input element.
- Label Static label / text output element.
- Checkbox Checkbox element.
- Number Input Numeric input element.
安裝
- Upload the plugin files to
/wp-content/plugins/nodelogic-graph-builder/ - Activate the plugin through the Plugins screen in WordPress
- Open any page/post in Gutenberg
- Add input/output blocks from NodeLogic Graph Builder
- Add the NodeLogic Graph Builder Logic block and open the graph editor
- 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 inbuild/. -
What browsers are supported?
-
All modern browsers (Chrome, Firefox, Safari, Edge). The graph editor is optimized for desktop editing.
評價
There are no reviews for this plugin.
貢獻者及開發者
修改日誌
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