{"id":350601,"date":"2026-09-01T02:32:13","date_gmt":"2026-09-01T02:32:13","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/gauge-blocks-for-elementor\/"},"modified":"2026-09-01T12:12:13","modified_gmt":"2026-09-01T12:12:13","slug":"gauge-blocks-for-elementor","status":"publish","type":"plugin","link":"https:\/\/twd.wordpress.org\/plugins\/gauge-blocks-for-elementor\/","author":20925077,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"0.3.4","stable_tag":"0.3.4","tested":"7.1","requires":"6.5","requires_php":"7.4","requires_plugins":null,"header_name":"Gauge Blocks for Elementor","header_author":"Santiago Cajiao","header_description":"Thermometers, progress bars and gauges with configurable color scales. No extra plugins or libraries needed.","assets_banners_color":"fedec1","last_updated":"2026-09-01 12:12:13","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/www.santiagocajiao.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":51,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"0.3.4":{"tag":"0.3.4","author":"birdstonelabs","date":"2026-09-01 12:12:13","revision":3676062}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3676087,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3676087,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3676087,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3676087,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.3.4"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Marker mode with a heat map scale.","2":"Fill mode with threshold bands.","3":"Vertical orientation.","4":"The controls panel."}},"plugin_section":[],"plugin_tags":[2510,76538,31667,26384,9351],"plugin_category":[],"plugin_contributors":[278559],"plugin_business_model":[],"class_list":["post-350601","plugin","type-plugin","status-publish","hentry","plugin_tags-chart","plugin_tags-elementor","plugin_tags-gauge","plugin_tags-kpi","plugin_tags-progress-bar","plugin_contributors-birdstonelabs","plugin_committers-birdstonelabs"],"banners":{"banner":"https:\/\/ps.w.org\/gauge-blocks-for-elementor\/assets\/banner-772x250.png?rev=3676087","banner_2x":"https:\/\/ps.w.org\/gauge-blocks-for-elementor\/assets\/banner-1544x500.png?rev=3676087","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/gauge-blocks-for-elementor\/assets\/icon-128x128.png?rev=3676087","icon_2x":"https:\/\/ps.w.org\/gauge-blocks-for-elementor\/assets\/icon-256x256.png?rev=3676087","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>A gauge widget for Elementor that covers two genuinely different readings of the same number:<\/p>\n\n<ul>\n<li><strong>Fill<\/strong> - progress toward a target. The bar grows from the origin. Use it when more is always better.<\/li>\n<li><strong>Marker<\/strong> - position within a range. The scale is always complete and the value is a point along it. Use it when the ideal value sits mid-scale or at the low end: pH, risk level, temperature.<\/li>\n<\/ul>\n\n<p>The color scale is defined by positionable stops, so one engine produces a solid color, a gradient, a heat map, or hard threshold bands.<\/p>\n\n<p><strong>Accessibility<\/strong><\/p>\n\n<ul>\n<li>Ships a color-blind safe preset. Green and red are indistinguishable to roughly 8% of men, and the plugin flags this when you pick the traffic light preset.<\/li>\n<li>Color is never the only encoding: the marker and the numeric value always accompany it.<\/li>\n<li>Title and description are linked to the graphic through aria-labelledby, so a screen reader announces the whole block meaningfully.<\/li>\n<\/ul>\n\n<p><strong>Nothing else to install<\/strong><\/p>\n\n<p>Elementor is all you need. No ACF, no Chart.js, no external library. The graphic is server-rendered SVG: there is no frontend JavaScript and no layout shift on load.<\/p>\n\n<p><strong>Works with your theme<\/strong><\/p>\n\n<p>Color controls accept Elementor global colors, so gauges follow your site's palette instead of drifting from it.<\/p>\n\n<p>Developed and maintained by Santiago Cajiao \u2014 https:\/\/www.santiagocajiao.com<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin folder to <code>\/wp-content\/plugins\/<\/code>.<\/li>\n<li>Activate it from the Plugins menu.<\/li>\n<li>In the Elementor editor, look for \"Gauge\" in the elements panel.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20it%20work%20with%20free%20elementor%3F\"><h3>Does it work with free Elementor?<\/h3><\/dt>\n<dd><p>Yes. Elementor Pro is not required.<\/p><\/dd>\n<dt id=\"can%20i%20bind%20the%20value%20to%20a%20custom%20field%3F\"><h3>Can I bind the value to a custom field?<\/h3><\/dt>\n<dd><p>The value control accepts Elementor dynamic content, so it can be tied to any source Elementor exposes.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20the%20elementor%204%20atomic%20editor%3F\"><h3>Does it work with the Elementor 4 Atomic editor?<\/h3><\/dt>\n<dd><p>Yes. Version 3 widgets and atomic elements coexist on the same page.<\/p><\/dd>\n<dt id=\"why%20is%20orientation%20not%20responsive%3F\"><h3>Why is orientation not responsive?<\/h3><\/dt>\n<dd><p>The SVG is generated on the server once, and switching orientation changes its structure rather than just its CSS. A responsive control would silently store tablet and mobile values that the render ignores.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>0.3.4<\/h4>\n\n<ul>\n<li>Labels containing control characters or invalid UTF-8 no longer break or blank the graphic.<\/li>\n<\/ul>\n\n<h4>0.3.3<\/h4>\n\n<ul>\n<li>Declared compatibility with WordPress 7.0.<\/li>\n<\/ul>\n\n<h4>0.3.2<\/h4>\n\n<ul>\n<li>Fixed an editor error about the layout section not being closed.<\/li>\n<\/ul>\n\n<h4>0.3.1<\/h4>\n\n<ul>\n<li>Fixed the widget not appearing in the Elementor panel after 0.3.0.<\/li>\n<\/ul>\n\n<h4>0.3.0<\/h4>\n\n<ul>\n<li>Internal restructure: the rendering engine, the shared controls and the widget registration are now separate layers. No change in behaviour or output.<\/li>\n<li>Fixed the panel icon not rendering at all, and its alignment inside the widget tile.<\/li>\n<\/ul>\n\n<h4>0.2.2<\/h4>\n\n<ul>\n<li>Placeholder title and description text on a new gauge.<\/li>\n<li>Interface labels switched to American spelling.<\/li>\n<\/ul>\n\n<h4>0.2.1<\/h4>\n\n<ul>\n<li>Fixed the marker color control having no effect. It is now applied through a CSS custom property, so it also updates live in the editor.<\/li>\n<li>Thickness, corner radius and marker size now repaint immediately while dragging.<\/li>\n<\/ul>\n\n<h4>0.2.0<\/h4>\n\n<ul>\n<li>Color controls now accept rgba() and Elementor global colors, not just hex.<\/li>\n<li>Removed the white outline from the dot marker.<\/li>\n<li>Alignment control now matches the stacking direction it acts on.<\/li>\n<li>Added a panel icon.<\/li>\n<li>Interface translated to English.<\/li>\n<\/ul>\n\n<h4>0.1.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Gauges and thermometers with configurable color scales for Elementor. No extra plugins or libraries needed.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/350601","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=350601"}],"author":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/birdstonelabs"}],"wp:attachment":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=350601"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=350601"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=350601"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=350601"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=350601"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=350601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}