{"id":22,"date":"2021-02-23T18:14:41","date_gmt":"2021-02-23T18:14:41","guid":{"rendered":"https:\/\/documentation.userswp.io\/article\/what-makes-userswp-widgets-special\/"},"modified":"2025-03-26T15:39:26","modified_gmt":"2025-03-26T15:39:26","slug":"what-makes-userswp-widgets-special","status":"publish","type":"gd_place","link":"https:\/\/userswp.io\/documentation\/article\/explore-settings\/what-makes-userswp-widgets-special\/","title":{"rendered":"What Makes UsersWP Widgets Special?"},"content":{"rendered":"<h2>The Problem<\/h2>\n<p>\n\t In WordPress, developers have 3 different ways to output content;<\/p>\n<ul>\n<li><strong>Widgets<\/strong><\/li>\n<li><strong>Shortcodes<\/strong><\/li>\n<li><strong>Blocks<\/strong> (Gutenberg Editor)<\/li>\n<\/ul>\n<p> <strong>The problem is that all 3 are created in different ways<\/strong>.&nbsp; As a result, creating a map &#8220;widget&#8221; that is able to be output by all 3 would require the creation and maintaining 3 different code bases. This means <strong>3x more time to build, maintain and fix<\/strong> any issues as well as inconsistencies between the settings inputs.<\/p>\n<h2>Our Super Duper Solution<\/h2>\n<p>\n\t Back before the Gutenberg editor was introduced and Blocks were a thing, we (and most devs) already disliked maintaining a shortcode and a widget that did the same thing. Therefore when blocks came into the scene we decided a new solution was needed and in early 2018 we created <strong>WP Super Duper.<\/strong><\/p>\n<h3>WP Super Duper<\/h3>\n<p>\n\t WP Super Duper is a PHP Class that does several important things, the core idea is that you write your code once and it will;<\/p>\n<ul>\n<li><strong>Create a shortcode.<\/strong><\/li>\n<li><strong>Create a widget.<br \/>\n\t<\/strong><\/li>\n<li><strong>Create a Block. <\/strong>(without any JS knowledge required)<\/li>\n<li><strong>Have the exact same settings inputs for all 3.<\/strong><\/li>\n<li><strong>Have the exact same output results no matter what you use, shortcode, widget or block.<\/strong><\/li>\n<li><strong>Adds a visual shortcode builder when using the classic editor.<\/strong><\/li>\n<li><strong>Provides compatibility with almost all page builders.<br \/>\n\t<\/strong><\/li>\n<li><strong>Reduces the amount of PHP code used.<\/strong><\/li>\n<li><strong>Reduces the time needed to add new features.<\/strong><\/li>\n<\/ul>\n<section class=\"alert alert-info\">\n\t WP Super Duper is used in all our projects so users always have a consistent way to output content.<\/section>\n","protected":false},"excerpt":{"rendered":"<p>The Problem In WordPress, developers have 3 different ways to output content; Widgets Shortcodes Blocks (Gutenberg Editor) The problem is that all 3 are created in different ways.&nbsp; As a result, creating a map &#8220;widget&#8221; that is able to be output by all 3 would require the creation and maintaining 3 different code bases. This [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[],"article\/categories":[3,10],"class_list":["post-22","gd_place","type-gd_place","status-publish","hentry","gd_placecategory-getting-started","gd_placecategory-explore-settings"],"_links":{"self":[{"href":"https:\/\/userswp.io\/documentation\/wp-json\/wp\/v2\/article\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/userswp.io\/documentation\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/userswp.io\/documentation\/wp-json\/wp\/v2\/types\/gd_place"}],"replies":[{"embeddable":true,"href":"https:\/\/userswp.io\/documentation\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":0,"href":"https:\/\/userswp.io\/documentation\/wp-json\/wp\/v2\/article\/22\/revisions"}],"wp:attachment":[{"href":"https:\/\/userswp.io\/documentation\/wp-json\/wp\/v2\/media?parent=22"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/userswp.io\/documentation\/wp-json\/wp\/v2\/article\/tags?post=22"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/userswp.io\/documentation\/wp-json\/wp\/v2\/article\/categories?post=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}