{"id":145271,"date":"2021-08-04T23:49:06","date_gmt":"2021-08-04T23:49:06","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/callout-boxes\/"},"modified":"2021-10-18T00:06:43","modified_gmt":"2021-10-18T00:06:43","slug":"callout-boxes","status":"publish","type":"plugin","link":"https:\/\/szl.wordpress.org\/plugins\/callout-boxes\/","author":9468089,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"0.3.2","stable_tag":"0.3.2","tested":"5.8.0","requires":"5.0","requires_php":"7.0","requires_plugins":"","header_name":"Callout Boxes","header_author":"Roel Magdaleno","header_description":"Insert callout boxes in your posts using shortcodes and Gutenberg blocks.","assets_banners_color":"c1c1b3","last_updated":"2021-10-18 00:06:43","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/paypal.me\/roelmagdaleno","header_plugin_uri":"https:\/\/github.com\/roelmagdaleno\/wp-callout-box","header_author_uri":"https:\/\/roelmagdaleno.com","rating":0,"author_block_rating":0,"active_installs":50,"downloads":1613,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","changelog"],"tags":{"0.1.0":{"tag":"0.1.0","author":"RokuMetal","date":"2021-08-04 23:48:55"},"0.2.0":{"tag":"0.2.0","author":"RokuMetal","date":"2021-08-17 00:56:04"},"0.3.0":{"tag":"0.3.0","author":"RokuMetal","date":"2021-08-19 00:41:26"},"0.3.1":{"tag":"0.3.1","author":"RokuMetal","date":"2021-09-25 17:35:22"},"0.3.2":{"tag":"0.3.2","author":"RokuMetal","date":"2021-10-18 00:06:43"}},"upgrade_notice":{"0.3.2":"

FIX: Callout box not responsive on mobile (#9)<\/p>","0.3.1":"

FIX: Custom CSS styles printed in attribute even when those aren't selected (#8)<\/p>","0.3.0":"

FEATURE: Use custom colors for callout boxes. You can change the background, border, icon and text colors.<\/p>","0.2.0":"

Introducing information, success, warning and danger presets.<\/p>","0.1.0":"

Render callout boxes using shortcodes and Gutenberg blocks.<\/p>"},"ratings":[],"assets_icons":[],"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":2578438,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":2578438,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.1.0","0.2.0","0.3.0","0.3.1","0.3.2"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2578438,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2578438,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"screenshot-1: Gutenberg Block.","2":"screenshot-2: Callout Boxes."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1110,11405,36693],"plugin_category":[],"plugin_contributors":[131822],"plugin_business_model":[],"class_list":["post-145271","plugin","type-plugin","status-publish","hentry","plugin_tags-alerts","plugin_tags-boxes","plugin_tags-callout","plugin_contributors-rokumetal","plugin_committers-rokumetal"],"banners":{"banner":"https:\/\/ps.w.org\/callout-boxes\/assets\/banner-772x250.png?rev=2578438","banner_2x":"https:\/\/ps.w.org\/callout-boxes\/assets\/banner-1544x500.png?rev=2578438","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/callout-boxes_c1c1b3.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/callout-boxes\/assets\/screenshot-1.png?rev=2578438","caption":"screenshot-1: Gutenberg Block."},{"src":"https:\/\/ps.w.org\/callout-boxes\/assets\/screenshot-2.png?rev=2578438","caption":"screenshot-2: Callout Boxes."}],"raw_content":"\n

The callout box includes an icon, and the post content. This plugin uses Heroicons<\/a> and php-heroicons<\/a> PHP package.<\/p>\n\n

Icons<\/h3>\n\n

A callout box includes an icon that describes what's the purpose of the callout box.<\/p>\n\n

The plugin is using Heroicons<\/a> so you can go to its website and see what icons are available to use within this plugin.<\/p>\n\n

You can use solid<\/code> and outline<\/code> icons.<\/p>\n\n

Types<\/h3>\n\n

A callout box can have multiple types:<\/p>\n\n

    \n
  • primary<\/code><\/li>\n
  • success<\/code><\/li>\n
  • danger<\/code><\/li>\n
  • warning<\/code><\/li>\n<\/ul>\n\n

    By default, the callout box is primary<\/code>.<\/p>\n\n

    Icon Methods<\/h3>\n\n

    The icon method can be 2 types:<\/p>\n\n

      \n
    • solid<\/code><\/li>\n
    • outline<\/code><\/li>\n<\/ul>\n\n

      By default, for shortcodes and Gutenberg the icon method is solid<\/code>.<\/p>\n\n

      Shortcode<\/h3>\n\n

      For WordPress Classic Editor or even Gutenberg, you can use the shortcode:<\/p>\n\n

      [wp-callout icon=\"check-circle\" type=\"primary\" method=\"solid\"]\nWelcome to WordPress. This is the post content.\n[\/wp-callout]\n<\/code><\/pre>\n\n
      The shortcode supports 3 attributes:<\/p>\n\n
        \n
      • icon<\/code>. The icon to show in the callout box. (Default: check-circle<\/code>)<\/li>\n
      • type<\/code> Callout box type. (Default: primary<\/code>)<\/li>\n
      • method<\/code> (Default: solid<\/code>)<\/li>\n<\/ul>\n\n
        Gutenberg Block<\/h3>\n\n
        For Gutenberg users, you can use Callout Box<\/strong> block.<\/p>\n\n
        Every Gutenberg Callout Box, you can change the icon, type and method using the block properties.<\/p>\n\n
        Those properties are the same for the shortcode.<\/p>\n\n
        Then, you just type your callout box content inside the Gutenberg block.<\/p>\n\n
        Block Presets<\/h3>\n\n
        When you insert a new Gutenberg Block Callout you can select 1 of the 4 presets installed in the plugin:<\/p>\n\n
          \n
        • Information<\/li>\n
        • Success<\/li>\n
        • Danger<\/li>\n
        • Warning<\/li>\n<\/ul>\n\n
          After you select one preset, your callout box will change its background color and icon.<\/p>\n\n\n
          0.3.2<\/h4>\n\n
          FIX: Callout box not responsive on mobile (#9)<\/p>\n\n
          0.3.1<\/h4>\n\n
          FIX: Custom CSS styles printed in attribute even when those aren't selected (#8)<\/p>\n\n
          0.3.0<\/h4>\n\n
          FEATURE: Use custom colors for callout boxes. You can change the background, border, icon and text colors.<\/p>\n\n
          0.2.0<\/h4>\n\n
          Introducing information, success, warning and danger presets.<\/p>\n\n
          0.1.0<\/h4>\n\n
          Render callout boxes using shortcodes and Gutenberg blocks.<\/p>","raw_excerpt":"Insert callout boxes in your posts and pages using shortcodes and Gutenberg blocks.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/145271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=145271"}],"author":[{"embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/rokumetal"}],"wp:attachment":[{"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=145271"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=145271"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=145271"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=145271"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=145271"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=145271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}