Calculators · Gutenberg
Speed / Distance / Time Calculator block for WordPress
Solve any part of the Speed / Distance / Time triangle. Enter two values to calculate the third, with unit conversion between km/h, mph, m/s and more.
Get Blockenberg
Free Gutenberg block in Blockenberg. The inspector controls and front-end behavior on this page come from this block’s source, not a shared stub.
What it actually does
Solve any part of the Speed / Distance / Time triangle. Enter two values to calculate the third, with unit conversion between km/h, mph, m/s and more.
Inspector panels on this block: Calculator Settings, Display Options, Sizing. Those titles come from index.js, not from a shared template.
Behavior controls: “Default: Solve for” options: Speed, Distance, Time.
Where to find it
Gutenberg inserter → Calculators → search “Speed / Distance / Time Calculator” (block name `blockenberg/speed-calculator` in block.json). Style it in the sidebar after insert.
How to use Speed / Distance / Time Calculator block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Speed / Distance / Time Calculator”, insert it. Category: Calculators.
- Configure inspector controls that exist on this block. Open Calculator Settings. Set “Default: Solve for”, “Default Speed Unit”, “Default Distance Unit”, “Default Time Unit”.
- Check the published page. The view script reads HTML data attributes: data-opts. The block editor preview may not run the same view script.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Default: Solve for | Select control; the chosen value is saved on the block. Options: Speed; Distance; Time. block.json default: speed. Saved as `defaultSolveFor`. |
| Default Speed Unit | Select control; the chosen value is saved on the block. block.json default: km/h. Saved as `defaultSpeedUnit`. |
| Default Distance Unit | Select control; the chosen value is saved on the block. block.json default: km. Saved as `defaultDistUnit`. |
| Default Time Unit | Select control; the chosen value is saved on the block. block.json default: hours. Saved as `defaultTimeUnit`. |
| Show formula reference | On/off toggle in the inspector. On by default. Saved as `showFormula`. |
| Show unit conversions | On/off toggle in the inspector. On by default. Saved as `showUnitConversions`. |
| Show real-world examples | On/off toggle in the inspector. Off by default. Saved as `showExamples`. |
| Max Width (px) | Numeric range control in the inspector. Range 400–1100. block.json default: 680. Saved as `contentMaxWidth`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts.
When this is the right block
- Solve any part of the Speed / Distance / Time triangle. Enter two values to calculate the third, with unit conversion between km/h, mph, m/s and more — that is the job of Speed / Distance / Time Calculator, not a generic content block.
- Use it when you need the editor control labeled “Default: Solve for”, which exists on this block’s inspector.
- It matches pages about speed, distance, time.
- Inserter grouping: tools, lead magnets, and interactive widgets.
Notes from the implementation
viewScript: this folder’s frontend.js is enqueued on the front end for this block.
FAQ
How do I add the Speed / Distance / Time Calculator block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Speed / Distance / Time Calculator”. It sits under Calculators. After insert, open Calculator Settings and set “Default: Solve for”, “Default Speed Unit”, “Default Distance Unit”, “Default Time Unit”.
Does Speed / Distance / Time Calculator need a server or extra plugin?
No. After Blockenberg is active, the view script runs in the browser with the values you saved on the block.
Is the Speed / Distance / Time Calculator Gutenberg block free?
Yes. Speed / Distance / Time Calculator ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Speed / Distance / Time Calculator to match my theme?
Yes. Blockenberg’s shared typography and color panels apply here, plus any block-specific style controls listed on this page (panels: Calculator Settings, Display Options, Sizing).
Related calculators blocks
Fuel Calculator
Calculate road trip fuel costs, consumption, and CO₂ emissions. Supports MPG, L/100km, and km/L efficiency units with round-trip and cost-per-person options.
Pace Calculator
Running, walking, or cycling pace calculator. Find pace from distance and time, find finish time from pace and distance, or find distance from pace and time. Supports km and miles.
Time Duration Calculator
Add or subtract time durations in hours, minutes and seconds. Shows result broken down into multiple units.
Unit Converter
Interactive unit conversion tool supporting length, weight, temperature, volume, area, and speed. Users can switch categories, enter a value, and instantly see the converted result.
Age Calculator
An interactive age calculator that computes exact age in years, months, and days from a birth date. Includes next birthday countdown, total days lived, zodiac sign, and day of week born.
Aspect Ratio Calculator
Calculate image or video dimensions, aspect ratios, and common presets for designers.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Speed / Distance / Time Calculator from the Gutenberg inserter.