Linux 软件免费装
Banner图

WP-ShowHide

开发者 GamerZ
更新时间 2023年8月9日 11:00
捐献地址: 去捐款
PHP版本: 3.0 及以上
WordPress版本: 4.5

标签

toggle content hide show visibility press release

下载

1.01 1.02 1.03 1.04 1.00

详情介绍:

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] Build Status 开发 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.

安装:

  1. Open wp-content/plugins Folder
  2. Put: Folder: wp-showhide
  3. Activate WP-ShowHide Plugin
  4. No configuration is needed
General 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 More 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>
  9. 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 { }

屏幕截图:

  • Hide More - Press Release
  • Editor - Short Code

升级注意事项:

N/A

更新日志:

Version 1.04 Version 1.03 Version 1.02 Version 1.01 Version 1.00 (01-05-2011)