{"id":348173,"date":"2026-09-15T13:33:18","date_gmt":"2026-09-15T13:33:18","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/addoncraft-read-more-show-less\/"},"modified":"2026-09-15T13:32:49","modified_gmt":"2026-09-15T13:32:49","slug":"addoncraft-read-more-show-less","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/addoncraft-read-more-show-less\/","author":23374985,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0","stable_tag":"1.0","tested":"7.1.1","requires":"5.2","requires_php":"7.2","requires_plugins":null,"header_name":"AddonCraft Read More Show Less","header_author":"addoncraft","header_description":"Collapse long content and add a beautiful Read more \/ Show less toggle \u2014 with a gradient fade, auto-apply (no shortcode needed), style presets, device targeting and full styling controls. Lightweight and accessible.","assets_banners_color":"8ca484","last_updated":"2026-09-15 13:32:49","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/profiles.wordpress.org\/addoncraft\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":62,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0":{"tag":"1.0","author":"addoncraft","date":"2026-09-15 13:32:49","revision":3697052}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3697079,"resolution":"128x128","location":"assets","locale":"","width":1143,"height":1143},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3697079,"resolution":"256x256","location":"assets","locale":"","width":1143,"height":1143}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3697052,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3697052,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3697052,"resolution":"1","location":"assets","locale":"","width":1203,"height":660}},"screenshots":{"1":"Settings panel with live preview."}},"plugin_section":[],"plugin_tags":[2124,2127,2447,28040,2133],"plugin_category":[],"plugin_contributors":[248363],"plugin_business_model":[],"class_list":["post-348173","plugin","type-plugin","status-publish","hentry","plugin_tags-collapse","plugin_tags-expand","plugin_tags-read-more","plugin_tags-show-more","plugin_tags-toggle","plugin_contributors-addoncraft","plugin_committers-addoncraft"],"banners":{"banner":"https:\/\/ps.w.org\/addoncraft-read-more-show-less\/assets\/banner-772x250.png?rev=3697052","banner_2x":"https:\/\/ps.w.org\/addoncraft-read-more-show-less\/assets\/banner-1544x500.png?rev=3697052","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/addoncraft-read-more-show-less\/assets\/icon-128x128.png?rev=3697079","icon_2x":"https:\/\/ps.w.org\/addoncraft-read-more-show-less\/assets\/icon-256x256.png?rev=3697079","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/addoncraft-read-more-show-less\/assets\/screenshot-1.png?rev=3697052","caption":"Settings panel with live preview."}],"raw_content":"<!--section=description-->\n<p><strong>AddonCraft Read More Show Less<\/strong> adds a clean, accessible <strong>Read More \/ Show Less toggle<\/strong> to long content in WordPress. Long posts, pages, descriptions and text blocks are cut to a height you choose, with an optional fade at the bottom. Visitors click <strong>Read more<\/strong> to expand the full text and <strong>Show less<\/strong> to collapse it again.<\/p>\n\n<p>Use it to tidy up long articles, FAQ answers, author bios, service descriptions, reviews and landing pages without deleting a word or splitting content across pages.<\/p>\n\n<p>The hidden text stays in the page HTML, so <strong>search engines can still read and index all of it<\/strong>.<\/p>\n\n<h4>Three ways to add Read More<\/h4>\n\n<ol>\n<li><strong>Automatic (no code)<\/strong> \u2013 turn on <em>Auto-apply to post content<\/em> and every long single post and page gets a Read More button.<\/li>\n<li><strong>Shortcode<\/strong> \u2013 wrap any content in <code>[addoremo_read_more]\u2026[\/addoremo_read_more]<\/code>, with optional per-block height and button text.<\/li>\n<li><strong>CSS class<\/strong> \u2013 add the <code>read-more<\/code> class to any block or element. Works with the block editor (Gutenberg), Elementor, Divi, Beaver Builder and other page builders that let you set a CSS class.<\/li>\n<\/ol>\n\n<h4>Features<\/h4>\n\n<ul>\n<li><strong>Auto-apply<\/strong> \u2013 collapse long post and page content automatically, no shortcode needed.<\/li>\n<li><strong>Custom collapsed height<\/strong> \u2013 choose how much content shows before the Read More button.<\/li>\n<li><strong>Fade effect<\/strong> \u2013 fade collapsed text into a solid color or a two-color gradient.<\/li>\n<li><strong>Button style presets<\/strong> \u2013 show the toggle as a text link, a solid button or an outline pill.<\/li>\n<li><strong>Custom button text<\/strong> \u2013 change \"Read more\" and \"Show less\" globally or per block (e.g. \"Show more\", \"Continue reading\", \"See less\").<\/li>\n<li><strong>Arrow icons<\/strong> \u2013 built-in chevron with adjustable size, or upload your own up and down icons from the Media Library.<\/li>\n<li><strong>Full styling controls<\/strong> \u2013 text color, button color, hover color, alignment, font family, font weight and italic.<\/li>\n<li><strong>Smooth animation<\/strong> \u2013 set the expand and collapse speed in milliseconds. Respects the visitor's reduced-motion setting.<\/li>\n<li><strong>Mobile or desktop only<\/strong> \u2013 show the toggle on all devices, only on mobile, or only on desktop, with a custom breakpoint.<\/li>\n<li><strong>Remember open state<\/strong> \u2013 keep a section expanded after the visitor reloads the page.<\/li>\n<li><strong>Short content left alone<\/strong> \u2013 content shorter than the collapsed height shows normally, with no button.<\/li>\n<li><strong>Multiple sections per page<\/strong> \u2013 every matching block gets its own independent toggle.<\/li>\n<li><strong>Live preview<\/strong> \u2013 see your changes on the settings page before you save.<\/li>\n<li><strong>SEO friendly<\/strong> \u2013 content is only visually collapsed, never removed from the page.<\/li>\n<li><strong>Accessible<\/strong> \u2013 a real button element with <code>aria-expanded<\/code>, keyboard support and visible focus styles.<\/li>\n<li><strong>Lightweight<\/strong> \u2013 one small script and one small stylesheet, loaded only when the plugin is enabled.<\/li>\n<li><strong>Translation ready<\/strong> \u2013 includes a POT file.<\/li>\n<\/ul>\n\n<h4>Shortcode example<\/h4>\n\n<pre><code>[addoremo_read_more height=\"200\" more=\"Read more\" less=\"Show less\"]Your long content here.[\/addoremo_read_more]\n<\/code><\/pre>\n\n<ul>\n<li><code>height<\/code> \u2013 collapsed height in pixels.<\/li>\n<li><code>more<\/code> \u2013 text for the expand button.<\/li>\n<li><code>less<\/code> \u2013 text for the collapse button.<\/li>\n<\/ul>\n\n<p>All attributes are optional. Anything you leave out uses the global settings.<\/p>\n\n<h4>Using Read More with the block editor or Elementor<\/h4>\n\n<ul>\n<li><strong>Block editor (Gutenberg):<\/strong> select a block, open <strong>Advanced \u2192 Additional CSS class(es)<\/strong> and enter <code>read-more<\/code>.<\/li>\n<li><strong>Elementor:<\/strong> select a widget or container, open <strong>Advanced \u2192 CSS Classes<\/strong> and enter <code>read-more<\/code>.<\/li>\n<\/ul>\n\n<p>You can change the target class or selector under <strong>Read More \u2192 General<\/strong>.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>In your WordPress dashboard, go to <strong>Plugins \u2192 Add New<\/strong>, search for <strong>AddonCraft Read More Show Less<\/strong>, then click <strong>Install Now<\/strong> and <strong>Activate<\/strong>.<\/li>\n<li>Open <strong>Read More<\/strong> in the admin menu.<\/li>\n<li>Choose your collapsed height, button text and style.<\/li>\n<li>Turn on <strong>Auto-apply to post content<\/strong>, use the <code>[addoremo_read_more]<\/code> shortcode, or add the <code>read-more<\/code> CSS class to any block.<\/li>\n<\/ol>\n\n<p>To install manually, upload the plugin folder to <code>\/wp-content\/plugins\/<\/code> and activate it on the <strong>Plugins<\/strong> screen.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt id=\"how%20do%20i%20add%20a%20read%20more%20button%20to%20a%20wordpress%20post%3F\"><h3>How do I add a Read More button to a WordPress post?<\/h3><\/dt>\n<dd><p>Go to <strong>Read More \u2192 General<\/strong> and turn on <strong>Auto-apply to post content<\/strong>. Long posts and pages now collapse automatically with a Read More button. No code is needed.<\/p><\/dd>\n<dt id=\"how%20do%20i%20add%20read%20more%20to%20only%20part%20of%20a%20page%3F\"><h3>How do I add Read More to only part of a page?<\/h3><\/dt>\n<dd><p>Wrap that part in the <code>[addoremo_read_more]<\/code> shortcode, or add the <code>read-more<\/code> CSS class to the block you want to collapse.<\/p><\/dd>\n<dt id=\"can%20i%20change%20the%20%22read%20more%22%20and%20%22show%20less%22%20text%3F\"><h3>Can I change the \"Read more\" and \"Show less\" text?<\/h3><\/dt>\n<dd><p>Yes. Set the global text under <strong>Read More \u2192 Labels<\/strong>, or use the <code>more<\/code> and <code>less<\/code> shortcode attributes to set different text for one block.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20elementor%2C%20divi%20or%20other%20page%20builders%3F\"><h3>Does it work with Elementor, Divi or other page builders?<\/h3><\/dt>\n<dd><p>Yes. Add the <code>read-more<\/code> CSS class to any widget, module or section. The shortcode also works wherever your builder runs shortcodes.<\/p><\/dd>\n<dt id=\"does%20hidden%20content%20hurt%20seo%3F\"><h3>Does hidden content hurt SEO?<\/h3><\/dt>\n<dd><p>No. The full content stays in the page HTML and is only collapsed visually, so search engines can still crawl it.<\/p><\/dd>\n<dt id=\"can%20i%20show%20the%20toggle%20only%20on%20mobile%3F\"><h3>Can I show the toggle only on mobile?<\/h3><\/dt>\n<dd><p>Yes. Under <strong>Read More \u2192 General<\/strong>, set <strong>Show on devices<\/strong> to <em>Mobile only<\/em> and adjust the mobile breakpoint if needed.<\/p><\/dd>\n<dt id=\"why%20is%20there%20no%20button%20on%20some%20content%3F\"><h3>Why is there no button on some content?<\/h3><\/dt>\n<dd><p>The button only appears when content is taller than the collapsed height. Short content is shown in full.<\/p><\/dd>\n<dt id=\"i%20changed%20the%20settings%20but%20the%20front%20end%20looks%20the%20same.\"><h3>I changed the settings but the front end looks the same.<\/h3><\/dt>\n<dd><p>Clear your caching plugin, CDN or server cache, then refresh the page. If you use the shortcode, its <code>more<\/code> and <code>less<\/code> attributes override the global button text.<\/p><\/dd>\n<dt id=\"will%20it%20slow%20down%20my%20site%3F\"><h3>Will it slow down my site?<\/h3><\/dt>\n<dd><p>No. It adds one small script and one small stylesheet, and it does not load any external files or fonts.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0<\/h4>\n\n<ul>\n<li>New: auto-apply to post content (no shortcode needed).<\/li>\n<li>New: gradient fade overlay with matching color.<\/li>\n<li>New: style presets (text link, button, pill) and alignment.<\/li>\n<li>New: device targeting (all, mobile, desktop) and remember open state.<\/li>\n<li>New: animation speed control and shortcode with per-block overrides.<\/li>\n<li>Improved: rebuilt settings panel with tabs and a live preview.<\/li>\n<\/ul>","raw_excerpt":"Add a Read More \/ Show Less button to long posts, pages and text. Collapse content with a fade effect, auto-apply, shortcode or CSS class.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/348173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=348173"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/addoncraft"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=348173"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=348173"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=348173"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=348173"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=348173"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=348173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}