{"id":15342,"date":"2026-10-08T14:51:03","date_gmt":"2026-10-08T11:51:03","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=15342"},"modified":"2026-10-08T15:14:52","modified_gmt":"2026-10-08T12:14:52","slug":"read-time","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/post-types\/read-time\/","title":{"rendered":"Read Time"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ace58d714078&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ace58d714078\" class=\"wp-block-image size-full has-lightbox wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2021\/08\/Screenshot-2023-09-29-at-12.33.22.png\" alt=\"Read Time displayed as part of the Blocksy post meta information\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Read Time displayed inside the post meta information.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Read Time<\/strong> feature adds an estimated reading duration to supported posts and Custom Post Types. It can be displayed alongside other post meta information on single entries and archive cards.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The same Post Types Extra feature also includes a <strong>Reading Progress Bar<\/strong>, which visually tracks how far a visitor has progressed through singular content.<\/p>\n\n\n\n<div class=\"wp-block-group has-palette-color-8-color has-palette-color-1-background-color has-text-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"is-style-info coblocks-alert-paragraph has-palette-color-8-color has-text-color has-link-color wp-elements-1 wp-block-paragraph\"><strong>Post Types Extra required<\/strong><br>Read Time is part of the <a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/extensions\/post-types-extra\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Post Types Extra<\/strong><\/a> extension, available with the Business and Agency Blocksy Pro plans.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Getting Started<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to <strong>WordPress Dashboard \u2192 Blocksy \u2192 Extensions<\/strong>.<\/li>\n\n\n\n<li>Locate and expand <strong>Post Types Extra<\/strong>.<\/li>\n\n\n\n<li>Enable the <strong>Read Time<\/strong> feature.<\/li>\n\n\n\n<li>Open the relevant post type inside the Blocksy Customiser and add or enable the Read Time meta information where required.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Once enabled, Blocksy calculates an estimated reading duration from the content of each supported entry and makes it available as part of the post meta system.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Displaying Read Time<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Single Posts<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To display Read Time on individual blog posts, navigate to <strong>Customiser \u2192 Single Posts \u2192 Post Title \u2192 Post Meta<\/strong> and enable the <strong>Read Time<\/strong> meta item.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The reading-time value is displayed alongside the other enabled meta information in the Post Title area.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Archive Cards<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Read Time can also be displayed on blog archive cards. Navigate to <strong>Customiser \u2192 Blog Posts \u2192 Card Options \u2192 Post Meta<\/strong> and enable the Read Time item for the archive layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This gives visitors an indication of the expected reading duration before they open an article.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Custom Post Types<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When a supported Custom Post Type exposes Blocksy&#8217;s archive and single-content options, Read Time can also be used in the corresponding post meta areas for that post type.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Reading Progress Bar<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2056\" style=\"aspect-ratio: 3456 \/ 2056;\" width=\"3456\" autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/04\/Screen-Recording-2024-04-19-at-13.33.52.mov\" playsinline><\/video><figcaption class=\"wp-element-caption\">The Reading Progress Bar in action.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Reading Progress Bar<\/strong> displays an indicator that advances as the visitor moves through the current entry. It is configured independently from the Read Time meta item, so you can use either feature on its own or enable both together.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open <strong>Customiser \u2192 Single Posts<\/strong> and enable the <strong>Reading Progress<\/strong> element to access its configuration.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Progress Bar Height<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Adjust the thickness of the progress indicator to make it more subtle or more prominent within the website interface.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Auto Hide<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Enable the auto-hide option when you want the progress bar to disappear after the visitor reaches the end of the article.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Device Visibility<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Control whether the Reading Progress Bar appears on <strong>desktop<\/strong>, <strong>tablet<\/strong> and <strong>mobile<\/strong> devices independently.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Colors<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use the Design controls to configure the Color of the progress indicator and its background so that the bar remains visible while fitting the rest of your website&#8217;s Color scheme.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Read Time feature adds an estimated reading duration to supported posts and Custom Post Types. It can be displayed alongside other post meta information on single entries and archive cards. The same Post Types Extra feature also includes a Reading Progress Bar, which visually tracks how far a visitor has progressed through singular content. [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[114],"class_list":["post-15342","documentation","type-documentation","status-publish","hentry","doc_categories-post-types"],"blocksy_meta":{"docs_item_badge":"PRO","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/15342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=15342"}],"version-history":[{"count":3,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/15342\/revisions"}],"predecessor-version":[{"id":15360,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/15342\/revisions\/15360"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=15342"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=15342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}