{"id":1174607,"date":"2026-04-10T02:04:06","date_gmt":"2026-04-10T02:04:06","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/counter-image-component-it_it\/"},"modified":"2026-06-16T07:19:21","modified_gmt":"2026-06-16T07:19:21","slug":"counter-image-component-it_it","status":"publish","type":"wporg-pattern","link":"https:\/\/it.wordpress.org\/patterns\/pattern\/counter-image-component-it_it\/","title":{"rendered":"Counter Image Component"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover\"><img decoding=\"async\" class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHgxMTg0MC1pbWFnZS1rd3Z3ODZ5cC5qcGc.jpg\" style=\"object-position:62% 39%\" data-object-fit=\"cover\" data-object-position=\"62% 39%\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#28383e\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-container-core-cover-is-layout-ccce5d5b wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\"><strong>Dynamic Design Element Used to display Statistics<\/strong><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-bd946717 wp-block-group-is-layout-flex\">\n<h6 class=\"wp-block-heading\">Build great Product, Faster Than ever<\/h6>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Build Better, lunch faster<\/h3>\n\n\n\n<div class=\"wp-block-group has-dark-blueberry-color has-text-color has-link-color has-ibm-plex-sans-font-family wp-elements-83f4559eaafa67b91dc4782eb5707eb8 is-layout-grid wp-container-core-group-is-layout-ddbf6ee2 wp-block-group-is-layout-grid\">\n<p class=\"has-heading-2-font-size wp-block-paragraph\">400+<\/p>\n\n\n\n<p class=\"has-heading-2-font-size wp-block-paragraph\">400+<\/p>\n\n\n\n<p class=\"has-heading-2-font-size wp-block-paragraph\">10K<\/p>\n\n\n\n<p class=\"has-heading-2-font-size wp-block-paragraph\">200+<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":23480828,"parent":1172658,"template":"","meta":{"wpop_keywords":"","wpop_description":"A WordPress counter section is a dynamic design element used to display statistics, achievements, or key performance indicators (KPIs) through animated numbers. These sections typically feature \"count-up\" animations that start from zero or a specified value and increase until they reach a target numbe","wpop_viewport_width":1200,"wpop_block_types":[""],"wpop_locale":"it_IT","wpop_wp_version":"","wpop_contains_block_types":"core\/column,core\/columns,core\/cover,core\/group,core\/heading,core\/paragraph","footnotes":""},"pattern-categories":[42,3,64],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-1174607","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-call-to-action","wporg-pattern-category-columns","wporg-pattern-category-contact"],"category_slugs":["call-to-action","columns","contact"],"keyword_slugs":[],"pattern_content":"<!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:cover {\"url\":\"https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHgxMTg0MC1pbWFnZS1rd3Z3ODZ5cC5qcGc.jpg\",\"id\":null,\"dimRatio\":50,\"customOverlayColor\":\"#28383e\",\"isUserOverlayColor\":false,\"focalPoint\":{\"x\":0.62,\"y\":0.39},\"layout\":{\"type\":\"constrained\",\"contentSize\":\"100%\"}} -->\n<div class=\"wp-block-cover\"><img class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcHgxMTg0MC1pbWFnZS1rd3Z3ODZ5cC5qcGc.jpg\" style=\"object-position:62% 39%\" data-object-fit=\"cover\" data-object-position=\"62% 39%\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#28383e\"><\/span><div class=\"wp-block-cover__inner-container\"><!-- wp:paragraph {\"placeholder\":\"Scrivi il titolo...\",\"style\":{\"typography\":{\"textAlign\":\"center\"}},\"fontSize\":\"large\"} -->\n<p class=\"has-text-align-center has-large-font-size\"><strong>Dynamic Design Element Used to display Statistics<\/strong><\/p>\n<!-- \/wp:paragraph --><\/div><\/div>\n<!-- \/wp:cover --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:group {\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\n<div class=\"wp-block-group\"><!-- wp:heading {\"level\":6} -->\n<h6 class=\"wp-block-heading\">Build great Product, Faster Than ever<\/h6>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Build Better, lunch faster<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:group {\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|dark-blueberry\"}}}},\"textColor\":\"dark-blueberry\",\"fontFamily\":\"ibm-plex-sans\",\"layout\":{\"type\":\"grid\",\"columnCount\":2}} -->\n<div class=\"wp-block-group has-dark-blueberry-color has-text-color has-link-color has-ibm-plex-sans-font-family\"><!-- wp:paragraph {\"fontSize\":\"heading-2\"} -->\n<p class=\"has-heading-2-font-size\">400+<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"fontSize\":\"heading-2\"} -->\n<p class=\"has-heading-2-font-size\">400+<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"fontSize\":\"heading-2\"} -->\n<p class=\"has-heading-2-font-size\">10K<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"fontSize\":\"heading-2\"} -->\n<p class=\"has-heading-2-font-size\">200+<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->","favorite_count":0,"author_meta":{"name":"Shailesh Gajare","url":"https:\/\/it.wordpress.org\/patterns\/author\/shailesh7714","avatar":"https:\/\/secure.gravatar.com\/avatar\/2c8561aa1219cd89fa1c03fec7a23de4402023fc773f9e28aa84b862893b7f8a?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1174607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":1,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1174607\/revisions"}],"predecessor-version":[{"id":1175505,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1174607\/revisions\/1175505"}],"author":[{"embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/shailesh7714"}],"wp:attachment":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=1174607"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=1174607"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=1174607"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=1174607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}