[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fNdRSPniXb-DKekvP4rV1myyDrqk-aKqnosUqAxtIVk4":3},{"slug":4,"display_name":5,"profile_url":6,"plugin_count":7,"total_installs":8,"avg_security_score":9,"avg_patch_time_days":10,"trust_score":11,"computed_at":12,"plugins":13},"rokumetal","Roel Magdaleno","https:\u002F\u002Fprofiles.wordpress.org\u002Frokumetal\u002F",5,1940,88,30,86,"2026-04-05T01:55:03.991Z",[14,39,61,76,92],{"slug":15,"name":16,"version":17,"author":5,"author_profile":6,"description":18,"short_description":19,"active_installs":20,"downloaded":21,"rating":22,"num_ratings":23,"last_updated":24,"tested_up_to":25,"requires_at_least":26,"requires_php":27,"tags":28,"homepage":33,"download_link":34,"security_score":35,"vuln_count":36,"unpatched_count":36,"last_vuln_date":37,"fetched_at":38},"wp-countup-js","WP CountUP JS","4.2.4","\u003Cp>Display multiple animated counters into your WordPress site.\u003C\u002Fp>\n\u003Ch3>Gutenberg\u003C\u002Fh3>\n\u003Cp>The plugin is compatible with Gutenberg, so you can add the custom block called \u003Cem>\u003Cstrong>CountUp\u003C\u002Fstrong>\u003C\u002Fem> to your posts and pages. \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Froelmagdaleno\u002Fwp-countup-js\u002Fwiki\u002FGutenberg-Block\" rel=\"nofollow ugc\">Check the wiki for more details\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch3>Shortcode\u003C\u002Fh3>\n\u003Cp>It’s very easy to use this plugin, you can use the shortcode after install it, but there are two ways to use the plugin:\u003C\u002Fp>\n\u003Cp>The first way is:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>[countup start=\"your-value\" end=\"your-value\" decimals=\"your-value\" duration=\"your-value\"]\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>The second way. To use this format you need to check the \u003Cstrong>\u003Cem>Use the end number inside the shortcode?\u003C\u002Fem>\u003C\u002Fstrong> setting in the plugin option page:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>[countup start=\"the-start-number\" decimals=\"your-value\" duration=\"your-value\"]the-end-number[\u002Fcountup]\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Example\u003C\u002Fh3>\n\u003Cp>You can use the shortcode in two ways, as mentioned before. If you are using the first way:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>[countup start=\"0\" end=\"55\" decimals=\"2\" duration=\"5\" prefix=\"my_prefix\" scroll=\"false\"]\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>If you are using the second way (remember to check the \u003Cstrong>\u003Cem>Use the end number inside the shortcode?\u003C\u002Fem>\u003C\u002Fstrong>):\u003C\u002Fp>\n\u003Cpre>\u003Ccode>[countup start=\"0\" decimals=\"2\" duration=\"5\"]55[\u002Fcountup]\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Copy and paste any example in one of your posts and test.\u003C\u002Fp>\n\u003Ch3>Available Attributes\u003C\u002Fh3>\n\u003Cp>The shortcode and Gutenberg block accepts the next arguments:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>decimals – Puts the desired decimals into your counter.\u003C\u002Fli>\n\u003Cli>delay – Set a delay in milliseconds to start the counter.\u003C\u002Fli>\n\u003Cli>duration – The counter duration represented by a number (seconds).\u003C\u002Fli>\n\u003Cli>easing – Easing the counter.\u003C\u002Fli>\n\u003Cli>end – A number to end (arrive) the counter.\u003C\u002Fli>\n\u003Cli>grouping – Groups the content into sections (eg. 1,000 vs 1000).\u003C\u002Fli>\n\u003Cli>prefix – A text as counter prefix.\u003C\u002Fli>\n\u003Cli>reset – Reset the counter after view.\u003C\u002Fli>\n\u003Cli>scroll – If true, start the counter when the user visualize it.\u003C\u002Fli>\n\u003Cli>separator – You can use a separator (default is comma).\u003C\u002Fli>\n\u003Cli>start – A number to start the counter.\u003C\u002Fli>\n\u003Cli>suffix – A text as counter suffix.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Settings\u003C\u002Fh3>\n\u003Cp>You know how to use the plugin now, but you can still edit some options inside of the plugin settings page (Go to \u003Cem>\u003Cstrong>Settings->CountUP.js\u003C\u002Fstrong>\u003C\u002Fem>).\u003C\u002Fp>\n\u003Cp>Inside of the settings page, you can find the next settings:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Easing: Easing the counter.\u003C\u002Fli>\n\u003Cli>Grouping: Groups the content into sections (eg. 1,000 vs 1000).\u003C\u002Fli>\n\u003Cli>Separator: You can use a separator (default is comma).\u003C\u002Fli>\n\u003Cli>Decimal: Symbol to use for decimal spot (default is dot).\u003C\u002Fli>\n\u003Cli>Prefix: Character(s) at beginning of string.\u003C\u002Fli>\n\u003Cli>Suffix: Character(s) at the end of string.\u003C\u002Fli>\n\u003C\u002Ful>\n","Display multiple animated counters into your WordPress site.",1000,26390,98,10,"2021-12-04T04:58:00.000Z","5.8.13","5.7.4","7.0",[29,30,31,32,15],"animated","counters","countup","countup-js","https:\u002F\u002Fgithub.com\u002Froelmagdaleno\u002Fwp-countup-js","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fwp-countup-js.4.2.4.zip",85,0,null,"2026-03-15T15:16:48.613Z",{"slug":40,"name":41,"version":42,"author":5,"author_profile":6,"description":43,"short_description":44,"active_installs":45,"downloaded":46,"rating":47,"num_ratings":48,"last_updated":49,"tested_up_to":50,"requires_at_least":51,"requires_php":52,"tags":53,"homepage":59,"download_link":60,"security_score":35,"vuln_count":36,"unpatched_count":36,"last_vuln_date":37,"fetched_at":38},"callout-block","Callout","1.1.0","\u003Cp>The Callout Block plugin registers a WordPress block that allows you to add a styled box for featured content to your WordPress block editor.\u003C\u002Fp>\n\u003Ch3>Key Features\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>Includes 200+ icons powered by \u003Ca href=\"https:\u002F\u002Fheroicons.com\" rel=\"nofollow ugc\">Heroicons\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>Use custom icons (loaded from SVG string or link)\u003C\u002Fli>\n\u003Cli>Design your callout block using inner blocks\u003C\u002Fli>\n\u003Cli>Transform your callout block to a reusable block\u003C\u002Fli>\n\u003Cli>Compatible with the Site Editor\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Development\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Froelmagdaleno\u002Fcallout-block\" rel=\"nofollow ugc\">View on GitHub\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n","A styled box for featured content.",400,3161,100,1,"2023-04-13T19:25:00.000Z","6.2.9","6.2","7.4",[54,55,56,57,58],"block","callout","callout-box","featured-box","styled-box","","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fcallout-block.1.1.0.zip",{"slug":62,"name":63,"version":64,"author":5,"author_profile":6,"description":65,"short_description":66,"active_installs":45,"downloaded":67,"rating":47,"num_ratings":48,"last_updated":68,"tested_up_to":69,"requires_at_least":70,"requires_php":27,"tags":71,"homepage":74,"download_link":75,"security_score":35,"vuln_count":36,"unpatched_count":36,"last_vuln_date":37,"fetched_at":38},"wp-gif-player-play-and-pause","WP GIF Player – Play & Pause","0.1.3","\u003Cp>You can select one of the three GIF player methods in the plugin options page.\u003C\u002Fp>\n\u003Ch3>GIF\u003C\u002Fh3>\n\u003Cp>This is the default method.\u003C\u002Fp>\n\u003Cp>When a GIF is uploaded in your Media Library it will create an image thumbnail to use it as the GIF player preview and when the user clicks on the GIF player the original GIF will be loaded once.\u003C\u002Fp>\n\u003Ch3>Canvas\u003C\u002Fh3>\n\u003Cp>With this method every GIF will be loaded in your post and then converted into a \u003Ca href=\"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAPI\u002FCanvas_API\" rel=\"nofollow ugc\">playable canvas\u003C\u002Fa>. A thumbnail image is created as well when uploading the GIF in your Media Library.\u003C\u002Fp>\n\u003Cp>For this process we’re using the \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fbuzzfeed\u002Flibgif-js\" rel=\"nofollow ugc\">libgif.js\u003C\u002Fa> JavaScript library by BuzzFeed.\u003C\u002Fp>\n\u003Ch3>Video (Recommended)\u003C\u002Fh3>\n\u003Cp>Every GIF file will be converted to these video formats:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>WebM\u003C\u002Fli>\n\u003Cli>MP4\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Why videos?\u003C\u002Fp>\n\u003Cp>It is known that GIF files sizes are bigger than a video so using a video instead of a GIF file \u003Ca href=\"https:\u002F\u002Fdevelopers.google.com\u002Fweb\u002Ffundamentals\u002Fperformance\u002Foptimizing-content-efficiency\u002Freplace-animated-gifs-with-video\" rel=\"nofollow ugc\">will help your website performance\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>Want more details about converting GIF to video? \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Froelmagdaleno\u002Fwp-gif-player-play-and-pause\u002Fwiki\u002FGIF-as-Video\" rel=\"nofollow ugc\">Check the GIF as Video wiki\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch3>Thumbnail Preview\u003C\u002Fh3>\n\u003Cp>The plugin will grab the GIF file and extract the first frame as JPEG image and use it as thumbnail preview. This file will be saved in the same folder of the original GIF.\u003C\u002Fp>\n\u003Cp>The thumbnail image always generate once and doesn’t matter the selected GIF method.\u003C\u002Fp>\n\u003Ch3>Shortcode\u003C\u002Fh3>\n\u003Cp>If you’re still using the WordPress Classic Editor you must use the next shortcode:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>[gif-player id=\"gif_id\"]\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>If you don’t know the GIF ID you can add a GIF player using the “\u003Cstrong>Add GIF Player\u003C\u002Fstrong>” button next to the “\u003Cstrong>Add Media\u003C\u002Fstrong>” button.\u003C\u002Fp>\n\u003Cp>When you click the “\u003Cstrong>Add GIF Player\u003C\u002Fstrong>” button the Media Library window will open and you will be able to select or upload your GIF.\u003C\u002Fp>\n\u003Cp>When you save and view the post, the plugin will render the GIF Player according to the selected GIF Method in the plugin options page.\u003C\u002Fp>\n\u003Ch3>Gutenberg Block\u003C\u002Fh3>\n\u003Cp>You can use the GIF Player as a Gutenberg block. \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Froelmagdaleno\u002Fwp-gif-player-play-and-pause\u002Fwiki\u002FGutenberg-Block\" rel=\"nofollow ugc\">Check the wiki for more details\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch3>Is compatible with Lazy Load?\u003C\u002Fh3>\n\u003Cp>Some Lazy Load plugins are compatible with the three GIF player methods in the plugin but there are other plugins that won’t allow you to reproduce the GIF player.\u003C\u002Fp>\n\u003Cp>In case the GIF player cannot reproduce you can use your Lazy Load plugin filters to skip Lazy Load by using the GIF CSS classes.\u003C\u002Fp>\n\u003Cp>The CSS classes for every GIF player are:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>GIF: \u003Ccode>wp-gp-pp-gif\u003C\u002Fcode>\u003C\u002Fli>\n\u003Cli>Canvas: \u003Ccode>wp-gp-pp-gif-canvas-player\u003C\u002Fcode>\u003C\u002Fli>\n\u003Cli>Video: \u003Ccode>wp-gp-pp-video-player\u003C\u002Fcode>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>If your Lazy Load plugin ask you to add a custom CSS class into the GIF asset to avoid Lazy Load you will have to use the GIF player custom filters in your \u003Ccode>functions.php\u003C\u002Fcode> file. \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Froelmagdaleno\u002Fwp-gif-player-play-and-pause\u002Fwiki\u002FHooks\" rel=\"nofollow ugc\">Check the custom filters to avoid Lazy Load for the GIF players\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch3>GIF as Video – Fallback\u003C\u002Fh3>\n\u003Cp>If for any reason your current GIF Player as Video doesn’t have any video source the plugin will render the default GIF Player (GIF) as fallback.\u003C\u002Fp>\n","Insert GIFs that can be played and paused into your WordPress posts and pages using shortcodes and Gutenberg blocks.",8018,"2021-04-11T17:43:00.000Z","5.7.0","5.0",[72,73],"gif","player","https:\u002F\u002Fgithub.com\u002Froelmagdaleno\u002Fwp-gif-player-play-and-pause","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fwp-gif-player-play-and-pause.0.1.3.zip",{"slug":77,"name":78,"version":79,"author":5,"author_profile":6,"description":80,"short_description":81,"active_installs":82,"downloaded":83,"rating":47,"num_ratings":84,"last_updated":85,"tested_up_to":86,"requires_at_least":51,"requires_php":52,"tags":87,"homepage":59,"download_link":91,"security_score":47,"vuln_count":36,"unpatched_count":36,"last_vuln_date":37,"fetched_at":38},"like-post-block","Like Post Block","1.5.0","\u003Cp>The Like Post Block plugin registers a WordPress block that allows you to add a like button to your WordPress block editor.\u003C\u002Fp>\n\u003Cp>You can insert this block in a single post, page, custom post type, and you can also insert it in any Gutenberg template.\u003C\u002Fp>\n\u003Ch3>Key Features\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>Add a like button to any post, page or custom post type\u003C\u002Fli>\n\u003Cli>Limit the number of likes per user\u003C\u002Fli>\n\u003Cli>Save user’s IP address to prevent multiple likes\u003C\u002Fli>\n\u003Cli>Supports any Gutenberg template\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Development\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Froelmagdaleno\u002Flike-post-block\" rel=\"nofollow ugc\">View on GitHub\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n","Add a button to like any post type.",90,3082,2,"2025-05-03T00:08:00.000Z","6.8.5",[54,88,89,90],"heart","like","like-post","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Flike-post-block.1.5.0.zip",{"slug":93,"name":94,"version":95,"author":5,"author_profile":6,"description":96,"short_description":97,"active_installs":98,"downloaded":99,"rating":36,"num_ratings":36,"last_updated":100,"tested_up_to":101,"requires_at_least":70,"requires_php":27,"tags":102,"homepage":105,"download_link":106,"security_score":35,"vuln_count":36,"unpatched_count":36,"last_vuln_date":37,"fetched_at":38},"callout-boxes","Callout Boxes","0.3.2","\u003Cp>The callout box includes an icon, and the post content. This plugin uses \u003Ca href=\"https:\u002F\u002Fheroicons.com\" rel=\"nofollow ugc\">Heroicons\u003C\u002Fa> and  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Froelmagdaleno\u002Fphp-heroicons\" rel=\"nofollow ugc\">php-heroicons\u003C\u002Fa> PHP package.\u003C\u002Fp>\n\u003Ch3>Icons\u003C\u002Fh3>\n\u003Cp>A callout box includes an icon that describes what’s the purpose of the callout box.\u003C\u002Fp>\n\u003Cp>The plugin is using \u003Ca href=\"https:\u002F\u002Fheroicons.com\" rel=\"nofollow ugc\">Heroicons\u003C\u002Fa> so you can go to its website and see what icons are available to use within this plugin.\u003C\u002Fp>\n\u003Cp>You can use \u003Ccode>solid\u003C\u002Fcode> and \u003Ccode>outline\u003C\u002Fcode> icons.\u003C\u002Fp>\n\u003Ch3>Types\u003C\u002Fh3>\n\u003Cp>A callout box can have multiple types:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Ccode>primary\u003C\u002Fcode>\u003C\u002Fli>\n\u003Cli>\u003Ccode>success\u003C\u002Fcode>\u003C\u002Fli>\n\u003Cli>\u003Ccode>danger\u003C\u002Fcode>\u003C\u002Fli>\n\u003Cli>\u003Ccode>warning\u003C\u002Fcode>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>By default, the callout box is \u003Ccode>primary\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Ch3>Icon Methods\u003C\u002Fh3>\n\u003Cp>The icon method can be 2 types:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Ccode>solid\u003C\u002Fcode>\u003C\u002Fli>\n\u003Cli>\u003Ccode>outline\u003C\u002Fcode>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>By default, for shortcodes and Gutenberg the icon method is \u003Ccode>solid\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Ch3>Shortcode\u003C\u002Fh3>\n\u003Cp>For WordPress Classic Editor or even Gutenberg, you can use the shortcode:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>[wp-callout icon=\"check-circle\" type=\"primary\" method=\"solid\"]\nWelcome to WordPress. This is the post content.\n[\u002Fwp-callout]\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>The shortcode supports 3 attributes:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Ccode>icon\u003C\u002Fcode>. The icon to show in the callout box. (Default: \u003Ccode>check-circle\u003C\u002Fcode>)\u003C\u002Fli>\n\u003Cli>\u003Ccode>type\u003C\u002Fcode> Callout box type. (Default: \u003Ccode>primary\u003C\u002Fcode>)\u003C\u002Fli>\n\u003Cli>\u003Ccode>method\u003C\u002Fcode> (Default: \u003Ccode>solid\u003C\u002Fcode>)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Gutenberg Block\u003C\u002Fh3>\n\u003Cp>For Gutenberg users, you can use \u003Cstrong>Callout Box\u003C\u002Fstrong> block.\u003C\u002Fp>\n\u003Cp>Every Gutenberg Callout Box, you can change the icon, type and method using the block properties.\u003C\u002Fp>\n\u003Cp>Those properties are the same for the shortcode.\u003C\u002Fp>\n\u003Cp>Then, you just type your callout box content inside the Gutenberg block.\u003C\u002Fp>\n\u003Ch3>Block Presets\u003C\u002Fh3>\n\u003Cp>When you insert a new Gutenberg Block Callout you can select 1 of the 4 presets installed in the plugin:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Information\u003C\u002Fli>\n\u003Cli>Success\u003C\u002Fli>\n\u003Cli>Danger\u003C\u002Fli>\n\u003Cli>Warning\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>After you select one preset, your callout box will change its background color and icon.\u003C\u002Fp>\n","Insert callout boxes in your posts and pages using shortcodes and Gutenberg blocks.",50,1580,"2021-10-18T00:06:00.000Z","5.8.0",[103,104,55],"alerts","boxes","https:\u002F\u002Fgithub.com\u002Froelmagdaleno\u002Fwp-callout-box","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fcallout-boxes.0.3.2.zip"]