Title: Collapse Magic Author: Hub5050 Published: 2024년 6월 4일 Last modified: 2026년 2월 19일 --- 플러그인 검색 ![](https://ps.w.org/collapse-magic/assets/banner-772x250.jpg?rev=3097363) ![](https://ps.w.org/collapse-magic/assets/icon-256x256.jpg?rev=3097363) # Collapse Magic 작성자: [Hub5050](https://profiles.wordpress.org/creatorseo/) [다운로드](https://downloads.wordpress.org/plugin/collapse-magic.1.5.0.zip) * [세부사항](https://ko.wordpress.org/plugins/collapse-magic/#description) * [평가](https://ko.wordpress.org/plugins/collapse-magic/#reviews) * [설치](https://ko.wordpress.org/plugins/collapse-magic/#installation) * [개발](https://ko.wordpress.org/plugins/collapse-magic/#developers) [지원](https://wordpress.org/support/plugin/collapse-magic/) ## 설명 Collapse Magic provides an easy way to display (collapsible) read-more text on a page. This plugin is an alternative to other plugins like collapse-o-matic and can be used as a direct replacement without the need for any changes to page content. **Features** * Easy to implement * Configurable expand and collapse labels * Configurable up and down arrows * Adjustable visible text height in the collapsed state * Adjustable fade-out text visible in the collapsed state * Unfortunately this plugin does not support Accelerated Mobile Pages (AMP) **Background** Collapse Magic provides an easy way to display (collapsible) read-more text on a page. Also, display a few lines of text and add read-more or expand text. This plugin was developed when a cross-site scripting vulnerability was identified in collapse-o-matic. This plugin can be used as a direct replacement to collapse- o-matic. There is no need for any on-page changes to be made for the plugin to be used as a replacement. **Set-up** * Install the plugin * Set any parameters from the admin Settings menu. * Place text between [magic_expand][/magic_expand] tags or between [expand][/expand] for the toggle to work. * Include alternate ‘read-more’ text if this is required in the shortcode as [magic_expand title=”NEW READ-MORE TEXT”]. * Use alternate ‘read-less’ text if this is required in the shortcode as [magic_expand swaptitle=”NEW READ-LESS TEXT”]. * Toggle button to set the default location of the expand / collapse label to above or below the section. * Single click disable button to switch off the shortcodes and show the full text. **Shortcode Parameters** * Read-more / expand label – ‘title’. Example [magic_expand title=”–more–“]. * Read-less / collapse label – ‘swaptitle’. Example [magic_expand title=”–more–” swaptitle=”–less–“]. * Position of the expand label – ‘pos’. Example [magic_expand pos=”above”] or [ magic_expand pos=”below”] ### Credits This plugin was inspired by the approach used by: – [Nelson Miller: How To Expand And Collapse Text In Divi](https://www.peeayecreative.com/how-to-expand-and-collapse-text-in-divi/): the jQuery code was modified for this plugin. ## 스크린샷 [⌊Sample shortcode including the expand title (title) and the collapse (swaptitle) attributes.⌉⌊Sample shortcode including the expand title (title) and the collapse( swaptitle) attributes.⌉[ Sample shortcode including the expand title (title) and the collapse (swaptitle) attributes. [⌊Alternative notation for the shortcode where 'magic_expand' is replaced by 'expand'.⌉⌊ Alternative notation for the shortcode where 'magic_expand' is replaced by 'expand' .⌉[ Alternative notation for the shortcode where ‘magic_expand’ is replaced by ‘expand’. [⌊Text displayed on the front-end (collapsed).⌉⌊Text displayed on the front-end ( collapsed).⌉[ Text displayed on the front-end (collapsed). [⌊Text displayed on the front-end (expanded) when the read-more text is clicked. Notice that any content can be used between the shortcode tags.⌉⌊Text displayed on the front-end (expanded) when the read-more text is clicked. Notice that any content can be used between the shortcode tags.⌉[ Text displayed on the front-end (expanded) when the read-more text is clicked. Notice that any content can be used between the shortcode tags. [⌊Settings Menu values. The default values, icons and displayed text values can be set on the Settings menu. Notice the 'enabled' button can be used to switch the plugin off.⌉⌊Settings Menu values. The default values, icons and displayed text values can be set on the Settings menu. Notice the 'enabled' button can be used to switch the plugin off.⌉[ Settings Menu values. The default values, icons and displayed text values can be set on the Settings menu. Notice the ‘enabled’ button can be used to switch the plugin off. [⌊Changing the block height and the fade height changes the way the text is displayed.⌉⌊ Changing the block height and the fade height changes the way the text is displayed .⌉[ Changing the block height and the fade height changes the way the text is displayed. [⌊The content display fades to the read-more link when the Block Height and Fade Height values are increased.⌉⌊The content display fades to the read-more link when the Block Height and Fade Height values are increased.⌉[ The content display fades to the read-more link when the Block Height and Fade Height values are increased. [⌊Set the 'Toggle Above' switch to 'on' to place the 'read-more' and 'read-less' text above the text. This also disables the scroll to top.⌉⌊Set the 'Toggle Above' switch to 'on' to place the 'read-more' and 'read-less' text above the text. This also disables the scroll to top.⌉[ Set the ‘Toggle Above’ switch to ‘on’ to place the ‘read-more’ and ‘read-less’ text above the text. This also disables the scroll to top. [[ ## 설치 1. Upload ‘Collapse Magic’ to the ‘/wp-content/plugins/’ directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. Click on ‘Collapse Magic’ in the Settings menu to set global links or 4. Go to the Plugins page and click the ‘Settings’ link for ‘Collapse Magic’ 5. Increase the display block value if you want to display some fade-to text. ## FAQ ### Will this Plugin work with any theme? Yes, the plugin is theme independent. ### Can I display a different drop-down arrow and drop down text? Yes, the settings can be configured from the styling page. ### Where do I find the button styling options? Click on _Collapse Magic_ option on the WordPress ‘Settings’ admin menu. ### Can I place the ‘read-more’ and ‘read-less’ text above the text? Yes, go to settings>collapse magic>Toggle Above and set this to ‘on’. The toggle text will display above. ### Can I display some teaser text to encourage the visitor to click the read-more button? Yes, if you go to settings>collapse magic>Block Height and increase the value, you can display teaser text. You can also change the fade-out height for disappearing text. ### Does the fade text work with the toggle text above the block text? Yes, the fade works as long as the Block height is set to a value greater than 1px. ### Will this plugin have a negative impact on my website? We make every effort to ensure that all the WordPress guidelines are followed and that our plugins are optimised to perform well in all our tests. ### If I install the plugin and the styling does not look correct, what should I do? The very first time you view the page after installing the plugin you may need to refresh the page (ctrl+F5) to ensure that the new style and script libraries are initiated. If needed this should be a once-off refresh. Everything should be fine thereafter. ### Why does the plugin not support Accelerated Mobile Pages (AMP)? Accelerated Mobile Pages (AMP) has strict limitations on JavaScript, and does not allow jQuery. This breaks the dynamic features that are key to this plugin. ### Can I nest the collapse shortcodes? Nesting [magic_expand] shortcodes is not supported. If you need multiple collapsible sections, use separate blocks one after another (not inside each other). ## 후기 ![](https://secure.gravatar.com/avatar/c14c71b200e8b860b09762abde2b86448c0bdb48d81a9131f7f4722df49457a5? s=60&d=retro&r=g) ### 󠀁[Excellent! Even html-tags like strong, br, ul /li, work!!](https://wordpress.org/support/topic/excellent-even-html-tags-like-strong-br-ul-li-work/)󠁿 [egerlach](https://profiles.wordpress.org/egerlach/) 2025년 2월 20일 답글 2개 Thank you for that plugin. Great! Even html-tags like strong, br, ul /li, work!! ![](https://secure.gravatar.com/avatar/65b947661b291c6b5ca4e35720170cf55e682eea181810776b0e61294ea96108? s=60&d=retro&r=g) ### 󠀁[Simple, practical, free, and excellent support!](https://wordpress.org/support/topic/simple-practical-free-and-excellent-support/)󠁿 [vmike](https://profiles.wordpress.org/vmike/) 2024년 10월 18일 Very useful plugin that is kept simple and easy to use. The developers are very helpful and respond quickly. ![](https://secure.gravatar.com/avatar/d2f15675e03448a7d2c16d62d2f8610d9d4ff0a3fbcfb478b7d1669a8df40739? s=60&d=retro&r=g) ### 󠀁[Great Collapse-o-matic replacement](https://wordpress.org/support/topic/great-collapse-o-matic-replacement/)󠁿 [Bob33](https://profiles.wordpress.org/bob33/) 2024년 8월 29일 답글 2개 Clean, light-weight and does what’s needed. Breath of fresh air! Thanks! ![](https://secure.gravatar.com/avatar/1f398a2f0b34d1377fa915568a40b5e156cbcb90359b626aaae73a0ca8916c71? s=60&d=retro&r=g) ### 󠀁[Working perfectly for me](https://wordpress.org/support/topic/working-perfectly-for-me-3/)󠁿 [johncaldwell1000](https://profiles.wordpress.org/johncaldwell1000/) 2024년 8월 1일 The Plugin works perfectly for me ![](https://secure.gravatar.com/avatar/829b4c1f3001a14d41e6d112d317e20439962253ca873929543d81c9904d8fd8? s=60&d=retro&r=g) ### 󠀁[Does not work](https://wordpress.org/support/topic/does-not-work-1604/)󠁿 [mariusenepaq](https://profiles.wordpress.org/mariusenepaq/) 2024년 7월 26일 답글 5개 it’s trying to work but working improperly ![](https://secure.gravatar.com/avatar/6f0696b7f0e42cfdf4a3915afeadaebd49acc697a74757a9020a3c84b87bb385? s=60&d=retro&r=g) ### 󠀁[Not working](https://wordpress.org/support/topic/not-working-4262/)󠁿 [imanwlas](https://profiles.wordpress.org/imanwlas/) 2024년 7월 24일 답글 2개 I have used Collapse-O-Matic and I was very excited, I am afraid this one simply does not work… [ 모든 8 평가 읽기 ](https://wordpress.org/support/plugin/collapse-magic/reviews/) ## 기여자 & 개발자 “Collapse Magic”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다. 기여자 * [ Hub5050 ](https://profiles.wordpress.org/creatorseo/) * [ clinton101 ](https://profiles.wordpress.org/clinton101/) [자국어로 “Collapse Magic”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/collapse-magic) ### 개발에 관심이 있으십니까? [코드 탐색하기](https://plugins.trac.wordpress.org/browser/collapse-magic/)는, [SVN 저장소](https://plugins.svn.wordpress.org/collapse-magic/) 를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/collapse-magic/) 을 [RSS](https://plugins.trac.wordpress.org/log/collapse-magic/?limit=100&mode=stop_on_copy&format=rss) 로 구독하세요. ## 변경이력 #### 1.5.0 * Code improvements and conformance checks * Consistency changes so that JS controls state and CSS controls layout #### 1.4.2 * Version & Conformance checks and improvements #### 1.4.1 * Version checks and minor updates #### 1.4.0 * Improvements made to allow nested shortcodes. Note many page builders mangle nested shortcodes and there is no clear solution for this. #### 1.3.3 * General maintenance improvements. Debug log error resolved. #### 1.3.1 * Removed the restriction on the amount of text that could be contained in the read-more block. #### 1.3.0 * Included the option to place the read-more and read-less above or below the text( thanks to @bob33 for the suggestion). #### 1.2.2 * Fix applied to allow shortcodes within the shortcode (thanks to @bob33 for identifying this bug). #### 1.2.1 * Change the default fade and block settings as these were confusing to new users. #### 1.2.0 * Scroll back to the original read-more text included. Checks following feedback from a user investigated but no issues could be found. #### 1.1.0 * Improvements to better meet WordPress Plugin requirements #### 1.0.1 * Launch version #### 0.0.1 * Pilot launch April 2024 ## 기초 * 버전 **1.5.0** * 최근 업데이트: **7개월 전** * 활성화된 설치 **1,000+** * 워드프레스 버전 ** 6.1 또는 그 이상 ** * 다음까지 시험됨: **6.9.7** * PHP 버전 ** 7.3 또는 그 이상 ** * 언어 * [English (US)](https://wordpress.org/plugins/collapse-magic/) * 태그: * [Accordion](https://ko.wordpress.org/plugins/tags/accordion/)[read more text](https://ko.wordpress.org/plugins/tags/read-more-text/) * [고급 보기](https://ko.wordpress.org/plugins/collapse-magic/advanced/) ## 평점 별 5점 만점에 3.7점. * [ 4/5-별점 후기 ](https://wordpress.org/support/plugin/collapse-magic/reviews/?filter=5) * [ 0/4-별점 후기 ](https://wordpress.org/support/plugin/collapse-magic/reviews/?filter=4) * [ 0/3-별점 후기 ](https://wordpress.org/support/plugin/collapse-magic/reviews/?filter=3) * [ 0/2-별점 후기 ](https://wordpress.org/support/plugin/collapse-magic/reviews/?filter=2) * [ 2/1-별점 후기 ](https://wordpress.org/support/plugin/collapse-magic/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/collapse-magic/reviews/#new-post) [모든 리뷰 보기](https://wordpress.org/support/plugin/collapse-magic/reviews/) ## 기여자 * [ Hub5050 ](https://profiles.wordpress.org/creatorseo/) * [ clinton101 ](https://profiles.wordpress.org/clinton101/) ## 지원 할 말 있으신가요? 도움이 필요하신가요? [지원 포럼 보기](https://wordpress.org/support/plugin/collapse-magic/) ## 기부 이 플러그인이 발전하도록 도우시겠습니까? [ 이 플러그인에 기부하기 ](https://leads5050.com/)