{"id":331309,"date":"2026-06-28T16:32:09","date_gmt":"2026-06-28T16:32:09","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/openstatus-badge\/"},"modified":"2026-06-28T16:31:45","modified_gmt":"2026-06-28T16:31:45","slug":"openstatus-badge","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/openstatus-badge\/","author":14865858,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.1","stable_tag":"1.0.1","tested":"7.0","requires":"6.1","requires_php":"7.4","requires_plugins":null,"header_name":"OpenStatus Badge","header_author":"OpenStatus","header_description":"Display your OpenStatus status page badge on your WordPress site.","assets_banners_color":"","last_updated":"2026-06-28 16:31:45","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/openstatusHQ\/wordpress-status-widget-plugin","header_author_uri":"https:\/\/www.openstatus.dev","rating":0,"author_block_rating":0,"active_installs":0,"downloads":57,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.1":{"tag":"1.0.1","author":"constantbourgois","date":"2026-06-28 16:31:45"}},"upgrade_notice":{"1.0.0":"<p>Initial release of OpenStatus Badge plugin.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3589052,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3589052,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256},"icon.svg":{"filename":"icon.svg","revision":3589039,"resolution":false,"location":"assets","locale":false}},"assets_banners":[],"assets_blueprints":{},"all_blocks":{"openstatus\/badge":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"openstatus\/badge","version":"1.0.1","title":"OpenStatus Badge","category":"widgets","description":"Display your OpenStatus status page badge.","textdomain":"openstatus-badge","attributes":{"theme":{"type":"string","default":"light"},"size":{"type":"string","default":"sm"},"variant":{"type":"string","default":""}},"supports":{"html":false,"align":false},"editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","render":"file:..\/includes\/render.php"}},"tagged_versions":["1.0.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3589033,"resolution":"1","location":"assets","locale":"","width":1595,"height":883},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3589033,"resolution":"2","location":"assets","locale":"","width":1609,"height":867},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3589033,"resolution":"3","location":"assets","locale":"","width":1611,"height":883}},"screenshots":{"1":"The OpenStatus Badge block in the editor with theme, size, and variant settings","2":"The badge displayed on the frontend","3":"Plugin settings page \u2014 configure your status page slug and default variant"}},"plugin_section":[],"plugin_tags":[2305,5603,409,29148],"plugin_category":[54],"plugin_contributors":[269296,269295],"plugin_business_model":[],"class_list":["post-331309","plugin","type-plugin","status-publish","hentry","plugin_tags-badge","plugin_tags-monitoring","plugin_tags-status","plugin_tags-uptime","plugin_category-security-and-spam-protection","plugin_contributors-constantbourgois","plugin_contributors-thibaultleouay","plugin_committers-constantbourgois"],"banners":[],"icons":{"svg":"https:\/\/ps.w.org\/openstatus-badge\/assets\/icon.svg?rev=3589039","icon":"https:\/\/ps.w.org\/openstatus-badge\/assets\/icon.svg?rev=3589039","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/openstatus-badge\/assets\/screenshot-1.png?rev=3589033","caption":"The OpenStatus Badge block in the editor with theme, size, and variant settings"},{"src":"https:\/\/ps.w.org\/openstatus-badge\/assets\/screenshot-2.png?rev=3589033","caption":"The badge displayed on the frontend"},{"src":"https:\/\/ps.w.org\/openstatus-badge\/assets\/screenshot-3.png?rev=3589033","caption":"Plugin settings page \u2014 configure your status page slug and default variant"}],"raw_content":"<!--section=description-->\n<p>OpenStatus Badge allows you to easily embed your OpenStatus status page badge anywhere on your WordPress site using the block editor.<\/p>\n\n<p><strong>Features:<\/strong><\/p>\n\n<ul>\n<li>Simple setup - just enter your status page slug<\/li>\n<li>Customizable appearance - choose theme (light\/dark), size (sm\/md\/lg\/xl), and variant (outline)<\/li>\n<li>Block editor integration - full preview in the editor with real-time attribute changes<\/li>\n<li>Lightweight - badge is loaded as a native <code>&lt;img&gt;<\/code> tag, no inline SVG fetching<\/li>\n<\/ul>\n\n<p><strong>How it works:<\/strong><\/p>\n\n<ol>\n<li>Configure your OpenStatus status page slug in Settings &gt; OpenStatus<\/li>\n<li>Add the \"OpenStatus Badge\" block to any page or post<\/li>\n<li>Customize the badge appearance using the block settings<\/li>\n<li>The badge automatically links to your status page<\/li>\n<\/ol>\n\n<h3>Source Code<\/h3>\n\n<p>The source code for this plugin is publicly available on GitHub:\nhttps:\/\/github.com\/openstatusHQ\/wordpress-status-widget-plugin<\/p>\n\n<p>The <code>src\/<\/code> directory contains the uncompiled block source (JavaScript, SCSS). The <code>build\/<\/code> directory contains the compiled assets generated by <code>@wordpress\/scripts<\/code>.<\/p>\n\n<p>To rebuild from source:<\/p>\n\n<ol>\n<li>Clone the repository<\/li>\n<li>Run <code>npm install<\/code><\/li>\n<li>Run <code>npm run build<\/code><\/li>\n<\/ol>\n\n<!--section=installation-->\n<p><strong>From the WordPress plugin directory:<\/strong><\/p>\n\n<ol>\n<li>In your WordPress dashboard, go to Plugins &gt; Add New<\/li>\n<li>Search for \"OpenStatus Badge\"<\/li>\n<li>Click \"Install Now\" then \"Activate\"<\/li>\n<li>Go to Settings &gt; OpenStatus and enter your status page slug<\/li>\n<li>Add the \"OpenStatus Badge\" block to any page or post<\/li>\n<\/ol>\n\n<p><strong>Manual installation (zip file):<\/strong><\/p>\n\n<ol>\n<li>Download the plugin zip file<\/li>\n<li>Go to Plugins &gt; Add New &gt; Upload Plugin<\/li>\n<li>Upload the zip and click \"Install Now\"<\/li>\n<li>Activate the plugin<\/li>\n<li>Go to Settings &gt; OpenStatus and enter your status page slug<\/li>\n<\/ol>\n\n<p><strong>From source (developers):<\/strong><\/p>\n\n<ol>\n<li>Clone or download the repository<\/li>\n<li>Run <code>npm install<\/code> then <code>npm run build<\/code> to compile the block assets<\/li>\n<li>Upload the <code>openstatus-badge<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<li>Go to Settings &gt; OpenStatus to configure your status page slug<\/li>\n<li>Add the \"OpenStatus Badge\" block to any page or post<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"where%20do%20i%20find%20my%20status%20page%20slug%3F\"><h3>Where do I find my status page slug?<\/h3><\/dt>\n<dd><p>Your status page slug is the subdomain of your OpenStatus URL. For example, if your status page is at <code>acme.openstatus.dev<\/code>, your slug is <code>acme<\/code>.<\/p><\/dd>\n<dt id=\"how%20often%20is%20the%20badge%20updated%3F\"><h3>How often is the badge updated?<\/h3><\/dt>\n<dd><p>The badge is loaded directly by the browser as an image from OpenStatus. Updates are reflected as soon as OpenStatus publishes them.<\/p><\/dd>\n<dt id=\"can%20i%20use%20multiple%20badges%20with%20different%20settings%3F\"><h3>Can I use multiple badges with different settings?<\/h3><\/dt>\n<dd><p>Yes! Each block can have its own theme, size, and variant settings. However, all badges will use the same status page slug configured in settings.<\/p><\/dd>\n<dt id=\"what%20happens%20if%20the%20badge%20cannot%20be%20loaded%3F\"><h3>What happens if the badge cannot be loaded?<\/h3><\/dt>\n<dd><p>If the badge image cannot be loaded, the browser will display the alt text \"System status\" instead.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Fix badge display: replaced inline SVG fetching with a native <code>&lt;img&gt;<\/code> tag to avoid CORS issues<\/li>\n<li>Fix render.php: use <code>echo<\/code> instead of <code>return<\/code> for block output<\/li>\n<li>Update badge endpoint to v2<\/li>\n<li>Fix extra whitespace below badge image (anchor baseline gap)<\/li>\n<li>Add global default variant setting in Settings &gt; OpenStatus (No-outline \/ Outline)<\/li>\n<li>Add custom OpenStatus icon in the block inserter<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Embed a live status badge from your OpenStatus status page on any WordPress site.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/331309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=331309"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/constantbourgois"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=331309"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=331309"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=331309"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=331309"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=331309"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=331309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}