{"id":12144,"date":"2024-04-25T18:05:28","date_gmt":"2024-04-25T12:05:28","guid":{"rendered":"https:\/\/helpdesk.spider-themes.net\/docs\/advance-accordions\/content-elements\/read-more-button\/"},"modified":"2024-04-25T18:05:28","modified_gmt":"2024-04-25T12:05:28","slug":"read-more-button","status":"publish","type":"docs","link":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/docs\/advance-accordions\/content-elements\/read-more-button\/","title":{"rendered":"Read More Button"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Read More Button Block for Advanced Accordions <\/h2>\n\n\n\n<p>This document describes the Read More Button block, a potential addition to the Gutenberg block editor for use within <a href=\"https:\/\/wordpress.org\/plugins\/advanced-accordion-block\/\" rel=\"nofollow\">advanced accordion<\/a> functionalities.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Block Purpose:<\/h3>\n\n\n\n<p>The Read More Button is a premium feature that allows you to control how much content is initially visible within an accordion panel and provides a user-friendly way to reveal additional content. Before using this feature, you must activate the pro license for it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Block Features:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Button Show\/Hide:<\/strong> This option controls the text displayed on the button. By default, it could be &#8220;Read More&#8221; when the content is collapsed.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e82ae477dc9&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e82ae477dc9\" class=\"wp-block-image size-large 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-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/2024\/04\/image-135-1024x449.png\" alt=\"Read More Button Block for Advanced Accordions\" class=\"wp-image-12210\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\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.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\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 More Button<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Content Count:<\/strong> This option defines the number of lines, words, or characters displayed before the button appears. When the content exceeds the set limit, the button becomes visible.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e82ae4782bd&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e82ae4782bd\" class=\"wp-block-image size-large 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-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/2024\/04\/image-136-1024x452.png\" alt=\"Read more button | content count \n\" class=\"wp-image-12211\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\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.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\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\">Content Count<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Benefits:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Improved Readability:<\/strong> By condensing lengthy content within accordions, users can scan headlines and choose to expand sections for further details.<\/li>\n\n\n\n<li><strong>Enhanced User Experience:<\/strong> The button provides a clear call to action for users to access additional information.<\/li>\n\n\n\n<li><strong>Content Organization:<\/strong> The block ensures a cleaner layout within accordions, preventing overwhelming content blocks.<\/li>\n<\/ul>\n\n\n\n<p>This Read More Button block can be a valuable addition to advanced accordion functionalities within the Gutenberg editor, promoting a more organized and user-friendly content presentation. By customizing the visible content count, you can maintain a clean, concise layout and encourage visitors to engage with the information at their own pace. To learn more about these feature and optimizing your accordion layouts, visit our <a href=\"https:\/\/arolax.crowdytheme-demo.com\/documentation\/docs\/advance-accordions\/content-elements\/\">Content Elements<\/a>.<br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Read More Button block enhances advanced accordion functionalities in the Gutenberg editor, allowing you to control visible content and encourage user engagement. Features include customizable button text, content count limits, improved readability, and a cleaner, more organized layout overall.<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":12120,"menu_order":22,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-12144","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/12144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/comments?post=12144"}],"version-history":[{"count":0,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/12144\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/12120"}],"wp:attachment":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/media?parent=12144"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=12144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}