Title: Read More Button – Expand Content Without Refresh Author: Jose Varghese Published: 2025 年 9 月 3 日 Last modified: 2026 年 3 月 26 日 --- 搜索插件 ![](https://ps.w.org/click-to-read-more-button/assets/banner-772x250.png?rev=3355586) ![](https://ps.w.org/click-to-read-more-button/assets/icon-256x256.png?rev=3355586) # Read More Button – Expand Content Without Refresh 作者：[Jose Varghese](https://profiles.wordpress.org/josevarghese/) [下载](https://downloads.wordpress.org/plugin/click-to-read-more-button.1.0.7.zip) * [详情](https://cn.wordpress.org/plugins/click-to-read-more-button/#description) * [评价](https://cn.wordpress.org/plugins/click-to-read-more-button/#reviews) * [安装](https://cn.wordpress.org/plugins/click-to-read-more-button/#installation) * [开发进展](https://cn.wordpress.org/plugins/click-to-read-more-button/#developers) [支持](https://wordpress.org/support/plugin/click-to-read-more-button/) ## 描述 The **Read More Button** plugin is the ultimate solution for managing long content on your WordPress site. Whether you have lengthy blog posts, detailed product descriptions, or extensive service pages, this **content expander** tool allows you to keep your layout clean and user-friendly. By adding a customizable **read more button**, you can **truncate text** after a specific number of lines, encouraging users to click to **expand content**. This improves the user experience by preventing large blocks of text from overwhelming your visitors. The best part? The content expands instantly **without refresh**, ensuring a seamless reading experience. **Why Use a Read More Plugin?** Improving readability is key to retaining visitors. A **read more tag** or button ensures that your users see the most important information first. This **expand text** functionality is perfect for mobile users who prefer scrolling through concise summaries before diving into deep content. **Key Features:** * **Customizable Read More Button**: Style your **show more** button to match your theme. * **Collapse / Show Less Button**: After expanding, a “Show Less” button lets users collapse the content back. Both button labels are fully configurable. * **Automatic Content Truncation**: Automatically **limit posts** and pages by line count. * **Instant Expansion**: Smoothly **reveal text** and **show hidden content** ** without page reload**. * **Shortcode Support**: Use `[read_more_button]` anywhere in post content for manual control. * **Keyboard Accessible**: Fully operable with keyboard — buttons respond to Enter/ Space and focus is managed correctly after each interaction. * **SEO Friendly**: Hidden content remains accessible to search engines. * **Exclusion Options**: Exclude specific pages/posts by ID * **Post Type Selection**: Choose which post types to apply the functionality to * **Flexible Content Control**: Set after how many lines the button should appear * **Custom Button Text**: Change the button text to match your site’s tone * **Public CPT Support**: Works with all public custom post types * **Performance Optimized**: Lightweight code that only loads where needed **Perfect for:** * Blog posts with long content * Product descriptions * Service pages * News articles * Any content where you want to improve readability and user engagement **Easy Setup:** 1. Install and activate the plugin 2. Go to Settings > Read More Button 3. Configure your preferences (colors, text, line count, post types) 4. The button will automatically appear on your selected content types Love using this plugin? Please consider [donating](https://superwebshare.com/read-more-plugin-donate) to support its development. ### Developer Information **Technical Details:** * Uses WordPress coding standards and security practices* All data properly sanitized and escaped * Follows WordPress plugin guidelines * Uses proper enqueue methods for scripts and styles * Implements WordPress hooks and filters correctly * Translation ready with proper text domain **Shortcode:** ``` [read_more_button text="Read More" lines="14" collapse_text="Show Less"]Content here[/read_more_button] ``` * `text` (optional) — Read More button label. Defaults to the value set in Settings. * `lines` (optional) — Number of lines before truncation. Defaults to the value set in Settings. * `collapse_text` (optional) — Show Less button label. Defaults to the value set in Settings. **Hooks and Filters:** * `click_to_read_more_button_content_filter` – Filter the content before applying read more functionality * `click_to_read_more_button_button_text`– Filter the button text * `click_to_read_more_button_should_show` – Filter to control where the button should appear **Support:** For support and feature requests, please contact the plugin author or submit issues through the WordPress.org support forums. **Donate:** [Donate Here](https://superwebshare.com/read-more-plugin-donate) ## 屏幕截图 * [[ * Click to Read More Button Plugin settings page with all customization options * [[ * Read More button appearance on frontend ## 安装 1. Upload the plugin files to the `/wp-content/plugins/click-to-read-more-button` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress. 3. Use the Settings > Read More Button screen to configure the plugin. 4. The Read More button will now appear on your selected post types after the specified number of lines. ## 常见问题 ### How do I customize the button appearance? Go to Settings > Read More Button in your WordPress admin. You can customize: * Button background color * Button hover color * Text color * Button text ### Can I choose which post types show the Read More button? Yes! In the settings page, you can select which post types should display the Read More button. By default, it’s enabled for posts only, but you can enable it for pages and all public custom post types. ### How do I exclude specific pages or posts? In the settings page, there’s an “Exclude Pages/Posts by ID” field where you can enter comma-separated IDs of pages/posts you want to exclude (e.g., 1,2,3). ### What happens when someone clicks the Read More button? The full content is revealed smoothly and a “Show Less” button appears, allowing users to collapse the content back at any time. Both button labels are configurable from the settings page. ### Can I use a shortcode instead of the automatic filter? Yes! Use the `[read_more_button]` shortcode anywhere in post content to manually control which content gets truncated. It supports three optional attributes: * `text` — overrides the Read More button label (e.g., `text="Continue Reading"`) * `lines` — overrides the line count (e.g., `lines="10"`) * `collapse_text` — overrides the Show Less button label (e.g., `collapse_text=" Hide"`) Example: `[read_more_button text="Read Full Article" lines="8" collapse_text="Hide"][/ read_more_button]` ### Does this work with custom post types? Yes! The plugin automatically detects all public custom post types and includes them in the post type selection options. ### Will this affect my site’s performance? No, the plugin is lightweight and only loads its scripts and styles on pages where the Read More functionality is enabled. It has no impact on pages where it’s not being used. ### Can I change how many lines are shown before the button appears? Yes, you can set the number of lines in the settings page. The default is 14 lines, but you can adjust this from 1 to 50 lines based on your content needs. ### How does the line counting work? The plugin uses character counting (approximately 90 characters per line) to determine when to show the button. The actual visual lines may vary based on your content length, font size, screen width, and theme styling. ### Is this plugin translation ready? Yes, the plugin is fully prepared for translation and follows WordPress internationalization standards. ### Does the plugin work with caching plugins? Yes, the plugin is compatible with all major caching plugins as it doesn’t use any server-side processing for the Read More functionality. ## 评价 ![](https://secure.gravatar.com/avatar/a1b6e7a2d1e7014e426312b9034847f01738ea672a5ee980337a8ee8c9cbc70a? s=60&d=retro&r=g) ### 󠀁[Nice Plugin](https://wordpress.org/support/topic/nice-plugin-5412/)󠁿 [Ali Hafizi](https://profiles.wordpress.org/powerelec/) 2026 年 2 月 4 日 1 回复 please add css box to custom it. thanks for this plugin. [ 阅读所有1条评价 ](https://wordpress.org/support/plugin/click-to-read-more-button/reviews/) ## 贡献者及开发者 「Read More Button – Expand Content Without Refresh」是开源软件。 以下人员对此插 件做出了贡献。 贡献者 * [ Jose Varghese ](https://profiles.wordpress.org/josevarghese/) [帮助将「Read More Button – Expand Content Without Refresh」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/click-to-read-more-button) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/click-to-read-more-button/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/click-to-read-more-button/)，或通过 [RSS](https://plugins.trac.wordpress.org/log/click-to-read-more-button/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/click-to-read-more-button/)。 ## 更新日志 #### 1.0.7 * Fixed page jumping to the “Show Less” button when clicking “Read More” — the viewport now stays at the user’s reading position after content expands. * Fixed “Show Less” button appearing automatically for existing users who had not yet enabled that option — it now only defaults to enabled for new installs. #### 1.0.6 * Added collapse / Show Less button — users can now fold expanded content back after clicking Read More. Button label is configurable from Settings > Read More Button. * Added `[read_more_button]` shortcode for manual control over which content is truncated. Supports `text`, `lines`, and `collapse_text` attributes. * Improved keyboard accessibility — buttons respond to Enter/Space keys and focus is moved correctly after expand/collapse interactions. * Added `aria-expanded` attributes to Read More and Show Less buttons for screen reader support. #### 1.0.5 * Implemented completely revamped admin page. * Included comprehensive Support enhanced user troubleshooting #### 1.0.4 * Added option to select the icon for the read more button * Added troubleshooting and support cards to settings page #### 1.0.0 * Initial release * Customizable button colors and text * Post type selection functionality * Line count configuration * Exclude specific pages/posts functionality * Support for static homepage and blog pages * Auto-detection of public custom post types * Proper WordPress security and coding standards compliance * Admin notices for activation and settings saved * Settings page with version display * Comprehensive documentation ## 额外信息 * 版本 **1.0.7** * 最后更新：**3 周前** * 活跃安装数量 **20+** * WordPress 版本 ** 5.0 或更高版本 ** * 已测试的最高版本为 **6.9.4** * PHP 版本 ** 7.4 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/click-to-read-more-button/) * 标签 * [excerpt](https://cn.wordpress.org/plugins/tags/excerpt/)[expand content](https://cn.wordpress.org/plugins/tags/expand-content/) [Read more](https://cn.wordpress.org/plugins/tags/read-more/)[show more](https://cn.wordpress.org/plugins/tags/show-more/) [truncate text](https://cn.wordpress.org/plugins/tags/truncate-text/) * [高级视图](https://cn.wordpress.org/plugins/click-to-read-more-button/advanced/) ## 评级 5 星（最高 5 星）。 * [ 1 条 5 星评价 ](https://wordpress.org/support/plugin/click-to-read-more-button/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/click-to-read-more-button/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/click-to-read-more-button/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/click-to-read-more-button/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/click-to-read-more-button/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/click-to-read-more-button/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/click-to-read-more-button/reviews/) ## 贡献者 * [ Jose Varghese ](https://profiles.wordpress.org/josevarghese/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/click-to-read-more-button/) ## 捐助 您愿意支持这个插件的发展吗? [ 捐助此插件 ](https://superwebshare.com/read-more-plugin-donate)