该插件尚未通过WordPress的最新3个主要版本进行测试。 当与较新版本的WordPress一起使用时,可能不再受到维护或支持,并且可能会存在兼容性问题。

WP-ShowHide

描述

By default the content is hidden and user will have to click on the “Show Content” link to toggle it. Similar to what Engadget is doing for their press releases. Example usage: [showhide type="pressrelease"]Press Release goes in here.[/showhide]

Usage

  1. By default, content within the showhide shortcode will be hidden.
  2. Example: [showhide]Press release content goes in here.[/showhide]
  3. Default Values: [showhide type="pressrelease" more_text="Show Press Release (%s More Words)" less_text="Hide Press Release (%s Less Words)" hidden="yes"]

  4. You can have multiple showhide content within a post or a page, just by having a new type.

  5. Example: [showhide type="links" more_text="Show Links (%s More Words)" less_text="Hide Links (%s Less Words)"]Links will go in here.[/showhide]

  6. If you want to set the default visibility to display.

  7. Example: [showhide hidden="no"]Press release content goes in here.[/showhide]

  8. You can style the content via CSS that is generated by the plugin. Here is a sample of the generated HTML. Note that pressrelease is the default type.

<div id="pressrelease-link-1" class="sh-link pressrelease-link sh-hide">  
  <a href="#">  
    <span id="pressrelease-toggle-1">Show Press Release (4 More Words)</span>  
  </a>  
</div>  
<div id="pressrelease-content-1" class="sh-content pressrelease-content sh-hide" style="display: none;">Content</div>
  1. With the example above, here are the following styles you can use in your CSS:
.sh-link A { }  
.sh-content { }  
.pressrelease-link { }  
.pressrelease-link.sh-hide A { }  
.pressrelease-link.sh-show A { }  
.pressrelease-content { }  
.pressrelease-content.sh-hide { }  
.pressrelease-content.sh-show { }

开发

https://github.com/lesterchan/wp-showhide

翻译

http://dev.wp-plugins.org/browser/wp-showhide/i18n/

鸣谢

Donations

I spent most of my free time creating, updating, maintaining and supporting these plugins, if you really love my plugins and could spare me a couple of bucks, I will really appreciate it. If not feel free to use it without any obligations.

屏幕截图

  • Show More – Press Release
  • Hide More – Press Release
  • Editor – Short Code

常见问题

N/A

评价

2022 年 2 月 9 日
I don’t understand why developers take the time to write a plugin and then don’t bother to provide detailed documentation. Looks like it might do what I want but I give up trying and notice a lot of support requests have not been replied to.
2021 年 1 月 30 日
Simple and working plugin. Tried several more, but they had issues with filter Im using on my page, this one worked like a charm. Additionally I would recommend to add an option to show hide button on the bottom of displayed text.
2020 年 12 月 23 日 1 回复
Love this plugin. Had a little panic that it wasn’t going to work with Wordpress 5.6 and php 7.4, but it does. Please keep maintaining this plugin! (I just sent my donation.)
2020 年 9 月 20 日
It’s a great idea and could be very useful but it doesn’t work on the current WP version. The site I was trying to use this on uses WP 5.5.1, with plugins Akismet, Feed Them Social, Feedzy, and Lightbox. I figure this plugin may be incompatible with one of those plugins or this current version of WP. The link doesn’t do anything when clicked and the wrong text is showing up. Even though I changed the shortcode to say ‘MORE INFO’ it still said Press Release along with the additional number text and a number next to it. I didn’t see settings anywhere for this plugin.
2020 年 8 月 17 日
It is a nice plugin, but can I use it for css ass wel? To hide a row or a div?
阅读所有41条评价

贡献者及开发者

“WP-ShowHide” 是开源软件。 以下人员对此插件做出了贡献。

贡献者

「WP-ShowHide」插件已被翻译至 2 种本地化语言。 感谢所有译者为本插件所做的贡献。

将“WP-ShowHide”翻译成您的语言。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

Version 1.05

  • FIXED: esc_attr type attributes to prevent XSS

Version 1.04

  • NEW: Added aria-hidden and aria-expanded to elements

Version 1.03

  • NEW: Added .sh-link and .sh-content as a standard class name on top of the type specific class name.
  • NEW: Added do_shortcode() to allow shortcode to be parsed within ShowHide

Version 1.02

  • FIXED: Some theme uses .hide as display: none and hence I have changed .show to .sh-show and .hide to .sh-hide to advoid conflicts.

Version 1.01

  • NEW: Added additional show or hide class to the link and content depending on the visiblity of the content to allow more precise CSS styling.

Version 1.00 (01-05-2011)

  • FIXED: Initial Release