{"id":409357,"date":"2024-10-04T08:00:00","date_gmt":"2024-10-04T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/block-metrics-animated-state-counter\/"},"modified":"2024-10-04T19:34:00","modified_gmt":"2024-10-04T19:34:00","slug":"block-metrics-animated-state-counter","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/block-metrics-animated-state-counter\/","title":{"rendered":"Block Metrics \u2013 Animated State Counter"},"content":{"rendered":"<p>The Animated Counter Block is a dynamic and visually engaging block designed for showcasing numerical data with animation. Ideal for highlighting statistics, metrics, or any numerical value, this block allows for smooth transitions and eye-catching animations that draw attention to key figures on your website.<\/p>\n<h3>Video Guide<\/h3>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"750\" height=\"422\" src=\"https:\/\/www.youtube.com\/embed\/U_Js3xqO-7Y?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/p>\n<h3>How to Use Gutenberg Counter Block<\/h3>\n<h3>Download & Upload:<\/h3>\n<ol>\n<li>Download the <strong>Block Metrics \u2013 Animated State Counter<\/strong> plugin (<em>.zip file<\/em>)<\/li>\n<li>In your admin area, go to the Plugins menu and click on <strong>Add New<\/strong><\/li>\n<li>Click on <strong>Upload Plugin<\/strong> and choose the <strong><code>block-metrics-animated-state-counter.zip<\/code><\/strong> file and click on <strong>Install Now<\/strong><\/li>\n<li>Activate the plugin and Enjoy!<\/li>\n<\/ol>\n<h3>Installation via FTP:<\/h3>\n<ol>\n<li>Download and upload the <strong>Gutenberg Counter Block<\/strong> plugin to the <strong><code>\/wp-content\/plugins\/<\/code><\/strong> directory<\/li>\n<li>Activate the plugin through the Plugins menu in WordPress<\/li>\n<\/ol>\n<h3>Features<\/h3>\n<ul>\n<li><strong>Icon & Image<\/strong>: Choose and upload an icon or image from your WordPress media library.<\/li>\n<li><strong>Prefix & Suffix<\/strong>: Add customizable prefixes and suffixes around the count number for added context or style.<\/li>\n<li><strong>Varied Layouts<\/strong>: The counter block offers multiple layout options, allowing you to easily switch between different designs and customize them to suit your needs.<\/li>\n<li><strong>Counters Duration<\/strong>: Specify the duration of the counter to control how quickly or slowly the numbers transition.<\/li>\n<li><strong>Styling Options<\/strong>: Tailor the appearance of the counter with flexible styling options, including font size, color, and alignment and more.<\/li>\n<li><strong>Animation style<\/strong>: Choose from a variety of animation styles to make your counter stand out and engage visitors.<\/li>\n<li><strong>Responsive Design<\/strong>: The counter displays perfectly across all devices and screen sizes.<\/li>\n<li><strong>Easy Integration<\/strong>: Seamlessly integrates into your Gutenberg editor, allowing for quick and efficient content updates.<\/li>\n<\/ul>\n<h3>Use of 3rd party services<\/h3>\n<p>This plugin uses the following third-party services and libraries:<\/p>\n<ol>\n<li>\n<p><strong>Google Fonts API<\/strong><\/p>\n<ul>\n<li><strong>Description<\/strong>: Google Fonts provides web-safe fonts for web projects.<\/li>\n<li><strong>Purpose<\/strong>: Used to enhance typography styles in the counter block.<\/li>\n<li><strong>Link<\/strong>: <a href=\"https:\/\/fonts.google.com\/\" rel=\"nofollow ugc\">Google Fonts Documentation<\/a><\/li>\n<li><strong>Licensing<\/strong>: Google Fonts are open-source and licensed under the SIL Open Font License, 1.1.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>Google Sheets API<\/strong><\/p>\n<ul>\n<li><strong>Description<\/strong>: This plugin integrates with the Google Sheets API to store form submissions directly into a Google Sheet.<\/li>\n<li><strong>Purpose<\/strong>: Used to store the plugin deactivation reasons<\/li>\n<li><strong>Link<\/strong>: <a href=\"https:\/\/developers.google.com\/sheets\/api\" rel=\"nofollow ugc\">Google Sheets API Documentation<\/a><\/li>\n<li><strong>Privacy Notice<\/strong>: By using this feature, you may be subject to Google\u2019s <a href=\"https:\/\/policies.google.com\/terms\" rel=\"nofollow ugc\">Terms of Service<\/a> and <a href=\"https:\/\/policies.google.com\/privacy\" rel=\"nofollow ugc\">Privacy Policy<\/a>.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3>Requirements<\/h3>\n<ul>\n<li>Gutenberg block Editor<\/li>\n<li>WordPress (Ofcourse!)<\/li>\n<\/ul>\n<h4>Feedback<\/h4>\n<ul>\n<li>Did you like this plugin? Dislike it? Do you have a feature request? <a href=\"mailto:admin@zluck.com\" title=\"Send feedback\" rel=\"nofollow ugc\">Please share your feedback with us<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>A easy way to display states counter in a easy and interesting way.<\/p>\n","protected":false},"author":65,"featured_media":409358,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Block Metrics \u2013 Animated State Counter - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"A easy way to display states counter in a easy and interesting way."},"footnotes":""},"categories":[1],"tags":[5064,57514,14908,14909],"class_list":["post-409357","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-animated-counter","tag-counter-states","tag-counters","tag-number-counter-block"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/409357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=409357"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/409357\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/409358"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=409357"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=409357"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=409357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}