Title: WP-ShowHide
Author: Lester Chan
Published: <strong>2011年4月28日</strong>
Last modified: 2025年11月28日

---

プラグインを検索

![](https://ps.w.org/wp-showhide/assets/banner-772x250.jpg?rev=1206767)

![](https://ps.w.org/wp-showhide/assets/icon.svg?rev=978037)

# WP-ShowHide

 作者: [Lester Chan](https://profiles.wordpress.org/gamerz/)

[ダウンロード](https://downloads.wordpress.org/plugin/wp-showhide.1.06.zip)

 * [詳細](https://ja.wordpress.org/plugins/wp-showhide/#description)
 * [レビュー](https://ja.wordpress.org/plugins/wp-showhide/#reviews)
 * [開発](https://ja.wordpress.org/plugins/wp-showhide/#developers)

 [サポート](https://wordpress.org/support/plugin/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](https://github.com/lesterchan/wp-showhide)

### 翻訳

[http://dev.wp-plugins.org/browser/wp-showhide/i18n/](http://dev.wp-plugins.org/browser/wp-showhide/i18n/)

### クレジット

 * Plugin icon by [Freepik](http://www.freepik.com) from [Flaticon](http://www.flaticon.com)

### 寄付

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

## FAQ

該当なし

## 評価

![](https://secure.gravatar.com/avatar/3060dfb3ebc69b2721b61c6c9b257b572740c78d796374d7b750fbb49411dffe?
s=60&d=retro&r=g)

### 󠀁[Works great with WP 6.8.1](https://wordpress.org/support/topic/works-great-with-wp-6-8-1/)󠁿

 [Dave Smith](https://profiles.wordpress.org/sophoservices/) 2025年7月3日

Shows and hides text just like it says it does! Thank you!

![](https://secure.gravatar.com/avatar/5112f2f6b6ebee0e8f4e64a6a8d7c9c0d9c36e41a96b96b2c8d0a4a8113d3b52?
s=60&d=retro&r=g)

### 󠀁[Needs Update](https://wordpress.org/support/topic/needs-update-29/)󠁿

 [vivatword](https://profiles.wordpress.org/vivatword/) 2025年4月13日

Thanks for the free plugin and support. it doesn’t work woth the latest wp. the 
hided side can not be seen after click the show. it is only active when logged in
to wp-admin. please update it.

![](https://secure.gravatar.com/avatar/da4bab7747b735b8fb94a85a4711fa143a38a46f12bd45f431f2ce6102ec16d9?
s=60&d=retro&r=g)

### 󠀁[Needs documentation](https://wordpress.org/support/topic/needs-documentation-5/)󠁿

 [delboy007](https://profiles.wordpress.org/delboy007/) 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.

![](https://secure.gravatar.com/avatar/0f506eb13b5c750220d42b3746eb21ab8dbb832ec4e625b2c581f03e7f85643e?
s=60&d=retro&r=g)

### 󠀁[Great plugin](https://wordpress.org/support/topic/great-plugin-29543/)󠁿

 [Rollaz](https://profiles.wordpress.org/rollaz/) 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.

![](https://secure.gravatar.com/avatar/b9e6852002036e802ef36d83dae57bf39ce624a523869e293f723b5ba3d78c07?
s=60&d=retro&r=g)

### 󠀁[WP ShowHide is a great plugin,](https://wordpress.org/support/topic/wp-showhide-is-a-great-plugin/)󠁿

 [thetravelgal](https://profiles.wordpress.org/thetravelgal/) 2020年12月23日 1 reply

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.)

![](https://secure.gravatar.com/avatar/3956b3259e2b02d5d5dffd9286cb4c19b90899c1b3d149c223c12ddcc73888ea?
s=60&d=retro&r=g)

### 󠀁[great idea but doesn’t work](https://wordpress.org/support/topic/great-idea-but-doesnt-work-6/)󠁿

 [pentagramwookie](https://profiles.wordpress.org/pentagramwookie/) 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.

 [ 42件のレビューをすべて表示 ](https://wordpress.org/support/plugin/wp-showhide/reviews/)

## 貢献者と開発者

WP-ShowHide はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献し
ています。

貢献者

 *   [ Lester Chan ](https://profiles.wordpress.org/gamerz/)

“WP-ShowHide” は4ロケールに翻訳されています。 [翻訳者](https://translate.wordpress.org/projects/wp-plugins/wp-showhide/contributors)
のみなさん、翻訳へのご協力ありがとうございます。

[“WP-ShowHide” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/wp-showhide)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/wp-showhide/)するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/wp-showhide/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/wp-showhide/)
を [RSS](https://plugins.trac.wordpress.org/log/wp-showhide/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

### Version 1.06

 * FIXED: esc_html() for more text to prevent XSS

### 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

## メタ

 *  バージョン **1.06**
 *  最終更新日 **5か月前**
 *  有効インストール数 **10,000+**
 *  WordPress バージョン ** 3.0またはそれ以降 **
 *  検証済み最新バージョン: **6.8.5**
 *  言語
 * [Dutch](https://nl.wordpress.org/plugins/wp-showhide/)、[English (US)](https://wordpress.org/plugins/wp-showhide/)、
   [German](https://de.wordpress.org/plugins/wp-showhide/)、[Spanish (Chile)](https://cl.wordpress.org/plugins/wp-showhide/)、
   [Spanish (Spain)](https://es.wordpress.org/plugins/wp-showhide/).
 *  [プラグインを翻訳](https://translate.wordpress.org/projects/wp-plugins/wp-showhide)
 * タグ
 * [content](https://ja.wordpress.org/plugins/tags/content/)[hide](https://ja.wordpress.org/plugins/tags/hide/)
   [press release](https://ja.wordpress.org/plugins/tags/press-release/)[show](https://ja.wordpress.org/plugins/tags/show/)
   [visibility](https://ja.wordpress.org/plugins/tags/visibility/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/wp-showhide/advanced/)

## 評価

 5つ星中4.2つ星

 *  [  30 5-星レビュー     ](https://wordpress.org/support/plugin/wp-showhide/reviews/?filter=5)
 *  [  4 4-星レビュー     ](https://wordpress.org/support/plugin/wp-showhide/reviews/?filter=4)
 *  [  0 3-星レビュー     ](https://wordpress.org/support/plugin/wp-showhide/reviews/?filter=3)
 *  [  4 2-星レビュー     ](https://wordpress.org/support/plugin/wp-showhide/reviews/?filter=2)
 *  [  5 1-星レビュー     ](https://wordpress.org/support/plugin/wp-showhide/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/wp-showhide/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/wp-showhide/reviews/)

## 貢献者

 *   [ Lester Chan ](https://profiles.wordpress.org/gamerz/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/wp-showhide/)

## 寄付

このプラグインが今後も改善できるよう応援しませんか ?

 [ このプラグインに寄付 ](https://lesterchan.net/site/donation/)