{"id":165877,"date":"2020-10-15T00:46:52","date_gmt":"2020-10-15T05:46:52","guid":{"rendered":"https:\/\/dev.new.datacolor.eu\/come-fare\/pagina-blocco-biblioteca\/stat-block-esempi\/"},"modified":"2023-01-30T09:02:33","modified_gmt":"2023-01-30T15:02:33","slug":"stat-block-esempi","status":"publish","type":"page","link":"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/stat-block-esempi\/","title":{"rendered":"Blocco statistico"},"content":{"rendered":"<section id=\"gutenblock-block_5f87e9eba497a\" class=\"gutenblock gutenblock--oms-counter bg-color-dark_gray text-light  animated_stats\">\n        <div class=\"gutenblock-inner\">\n            <div class=\"container-fluid\">\n\n                    <div class=\"gutenblock-header \">\n        <div class=\"row header_row justify-content-center\">\n            <div class=\"header_column\">\n                <h3>Contatore di statistiche a 4 colonne e statistiche animate<\/h3>\n<p>\u00c8 possibile attivare o disattivare l&#8217;animazione per ogni blocco di statistiche.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                                    <div class=\"row l-counter__row\">\n                                                    <div class=\"col-12 l-counter__col\" data-columns=\"4\">\n                                <div class=\"counter\" data-count=\"987\">\n                                    <div class=\"counter-value\">\n                                        <span class=\"counter-value__prefix\">$<\/span><span class=\"counter-value__value value\">987<\/span>                                    <\/div>\n                                    <div class=\"counter-description\"><p>Le didascalie brevi funzionano benissimo.<\/p>\n<\/div>                                <\/div>\n                            <\/div>\n                                                    <div class=\"col-12 l-counter__col\" data-columns=\"4\">\n                                <div class=\"counter\" data-count=\"500\">\n                                    <div class=\"counter-value\">\n                                        <span class=\"counter-value__value value\">500<\/span><span class=\"counter-value__suffix\">\/anno<\/span>                                    <\/div>\n                                    <div class=\"counter-description\"><p>Questo \u00e8 solo il testo standard di P<\/p>\n<\/div>                                <\/div>\n                            <\/div>\n                                                    <div class=\"col-12 l-counter__col\" data-columns=\"4\">\n                                <div class=\"counter\" data-count=\"1\">\n                                    <div class=\"counter-value\">\n                                        <span class=\"counter-value__prefix\">#<\/span><span class=\"counter-value__value value\">1<\/span>                                    <\/div>\n                                    <div class=\"counter-description\"><p>Stat da leggere nella sandbox!<\/p>\n<\/div>                                <\/div>\n                            <\/div>\n                                                    <div class=\"col-12 l-counter__col\" data-columns=\"4\">\n                                <div class=\"counter\" data-count=\"15600\">\n                                    <div class=\"counter-value\">\n                                        <span class=\"counter-value__value value\">15600<\/span>                                    <\/div>\n                                    <div class=\"counter-description\"><p>Abbonati alla newsletter<\/p>\n<\/div>                                <\/div>\n                            <\/div>\n                                            <\/div>\n                \n                \n    <div class=\"gutenblock-footer\">\n        <div class=\"row footer_row justify-content-center\">\n            <div class=\"footer_column\">\n                <p><strong>Questo blocco supporta anche un pi\u00e8 di pagina<\/strong><\/p>\n<p><a class=\"btn-primary\" href=\"#\">pulsante cta qui<\/a><\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section><section id=\"gutenblock-block_5f87e4730ca7c\" class=\"gutenblock gutenblock--oms-counter bg-color-gray inline_block animated_stats\">\n        <div class=\"gutenblock-inner\">\n            <div class=\"container-fluid\">\n\n                    <div class=\"gutenblock-header \">\n        <div class=\"row header_row justify-content-center\">\n            <div class=\"header_column\">\n                <h3 style=\"text-align: center;\">Contatore di statistiche a 3 colonne &#8211; Statistiche animate<\/h3>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                                    <div class=\"row l-counter__row\">\n                                                    <div class=\"col-12 l-counter__col\" data-columns=\"3\">\n                                <div class=\"counter\" data-count=\"987\">\n                                    <div class=\"counter-value\">\n                                        <span class=\"counter-value__prefix\">$<\/span><span class=\"counter-value__value value\">987<\/span>                                    <\/div>\n                                    <div class=\"counter-description\"><p>Questa \u00e8 un&#8217;altra <em>descrizione<\/em> dell&#8217;importo <strong>in dollari<\/strong> sopra questa colonna.<\/p>\n<\/div>                                <\/div>\n                            <\/div>\n                                                    <div class=\"col-12 l-counter__col\" data-columns=\"3\">\n                                <div class=\"counter\" data-count=\"1000\">\n                                    <div class=\"counter-value\">\n                                        <span class=\"counter-value__prefix\">$<\/span><span class=\"counter-value__value value\">1000<\/span>                                    <\/div>\n                                    <div class=\"counter-description\"><p>Si tratta di un&#8217;altra descrizione dell&#8217;importo <strong>in dollari<\/strong> sopra questa colonna.<\/p>\n<\/div>                                <\/div>\n                            <\/div>\n                                                    <div class=\"col-12 l-counter__col\" data-columns=\"3\">\n                                <div class=\"counter\" data-count=\"345.7\">\n                                    <div class=\"counter-value\">\n                                        <span class=\"counter-value__prefix\">$<\/span><span class=\"counter-value__value value\">345.7<\/span><span class=\"counter-value__suffix\">\/anno<\/span>                                    <\/div>\n                                    <div class=\"counter-description\"><p>Si tratta di un&#8217;altra descrizione dell&#8217;importo <strong>in dollari<\/strong> sopra questa colonna.<\/p>\n<\/div>                                <\/div>\n                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n    <\/section><section id=\"gutenblock-block_5f87e941a4979\" class=\"gutenblock gutenblock--oms-counter bg-color-white  static_stats\">\n        <div class=\"gutenblock-inner\">\n            <div class=\"container-fluid\">\n\n                    <div class=\"gutenblock-header \">\n        <div class=\"row header_row justify-content-center\">\n            <div class=\"header_column\">\n                <h2>Contatore di statistiche a 2 colonne<\/h2>\n<p class=\"intro-text\">Nel testo del paragrafo stilizzato. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus <a href=\"#\">inline link style<\/a> in tortor laoreet, varius leo eu, elementum lacus.<\/p>\n<p><a class=\"btn-primary\" href=\"https:\/\/www.datacolor.com\/it\/\">Esempio di pulsante di collegamento<\/a><\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                                    <div class=\"row l-counter__row\">\n                                                    <div class=\"col-12 l-counter__col\" data-columns=\"2\">\n                                <div class=\"counter\" data-count=\"10.6\">\n                                    <div class=\"counter-value\">\n                                        <span class=\"counter-value__prefix\">$<\/span><span class=\"counter-value__value value\">10.6<\/span><span class=\"counter-value__suffix\">B<\/span>                                    <\/div>\n                                    <div class=\"counter-description\"><p>Patrimonio in gestione<\/p>\n<\/div>                                <\/div>\n                            <\/div>\n                                                    <div class=\"col-12 l-counter__col\" data-columns=\"2\">\n                                <div class=\"counter\" data-count=\"100%\">\n                                    <div class=\"counter-value\">\n                                        <span class=\"counter-value__value value\">100%<\/span>                                    <\/div>\n                                    <div class=\"counter-description\"><p>Amore puro<\/p>\n<\/div>                                <\/div>\n                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n    <\/section><section id=\"gutenblock-block_5f87ecae84fe8\" class=\"gutenblock gutenblock--oms-counter bg-color-dark_gray text-light  static_stats\">\n        <div class=\"gutenblock-inner\">\n            <div class=\"container-fluid\">\n\n                    <div class=\"gutenblock-header \">\n        <div class=\"row header_row justify-content-center\">\n            <div class=\"header_column\">\n                <p class=\"pre-title\">Pre-titolo usato come intestazione<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n                                    <div class=\"row l-counter__row\">\n                                                    <div class=\"col-12 l-counter__col\" data-columns=\"1\">\n                                <div class=\"counter\" data-count=\"987\">\n                                    <div class=\"counter-value\">\n                                        <span class=\"counter-value__prefix\">$<\/span><span class=\"counter-value__value value\">987<\/span>                                    <\/div>\n                                    <div class=\"counter-description\"><p>Questa \u00e8 un&#8217;altra <em>descrizione<\/em> dell&#8217;importo <strong>in dollari<\/strong> sopra questa colonna.<\/p>\n<\/div>                                <\/div>\n                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n    <\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":139069,"menu_order":25,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"Yoast SEO Relevanssi index exclude","footnotes":""},"class_list":["post-165877","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Blocco statistico | Datacolor<\/title>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Blocco statistico | Datacolor\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/stat-block-esempi\/\" \/>\n<meta property=\"og:site_name\" content=\"Datacolor\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/DatacolorCorporate\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-30T15:02:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/collage-careers-800x700-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Blocco statistico | Datacolor","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"it_IT","og_type":"article","og_title":"Blocco statistico | Datacolor","og_url":"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/stat-block-esempi\/","og_site_name":"Datacolor","article_publisher":"https:\/\/facebook.com\/DatacolorCorporate","article_modified_time":"2023-01-30T15:02:33+00:00","og_image":[{"width":800,"height":700,"url":"https:\/\/www.datacolor.com\/wp-content\/uploads\/2022\/01\/collage-careers-800x700-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/stat-block-esempi\/","url":"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/stat-block-esempi\/","name":"Blocco statistico | Datacolor","isPartOf":{"@id":"https:\/\/www.datacolor.com\/it\/#website"},"datePublished":"2020-10-15T05:46:52+00:00","dateModified":"2023-01-30T15:02:33+00:00","breadcrumb":{"@id":"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/stat-block-esempi\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/stat-block-esempi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.datacolor.com\/it\/come-fare\/pagina-blocco-biblioteca\/stat-block-esempi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"How To &#8211; IT","item":"https:\/\/www.datacolor.com\/it\/come-fare\/"},{"@type":"ListItem","position":2,"name":"Biblioteca a blocchi di pagina"}]},{"@type":"WebSite","@id":"https:\/\/www.datacolor.com\/it\/#website","url":"https:\/\/www.datacolor.com\/it\/","name":"Datacolor","description":"Color Management Solutions","publisher":{"@id":"https:\/\/www.datacolor.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.datacolor.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.datacolor.com\/it\/#organization","name":"Datacolor","url":"https:\/\/www.datacolor.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.datacolor.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/www.datacolor.com\/wp-content\/uploads\/2021\/12\/logo-header.jpg","contentUrl":"https:\/\/www.datacolor.com\/wp-content\/uploads\/2021\/12\/logo-header.jpg","width":259,"height":45,"caption":"Datacolor"},"image":{"@id":"https:\/\/www.datacolor.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/DatacolorCorporate","https:\/\/linkedin.com\/company\/datacolor","https:\/\/www.youtube.com\/user\/DatacolorIndustrial"]}]}},"_links":{"self":[{"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages\/165877","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/comments?post=165877"}],"version-history":[{"count":1,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages\/165877\/revisions"}],"predecessor-version":[{"id":165882,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages\/165877\/revisions\/165882"}],"up":[{"embeddable":true,"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/pages\/139069"}],"wp:attachment":[{"href":"https:\/\/www.datacolor.com\/it\/wp-json\/wp\/v2\/media?parent=165877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}