Leírás
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
- By default, content within the showhide shortcode will be hidden.
- Example:
[showhide]Press release content goes in here.[/showhide]
-
Default Values:
[showhide type="pressrelease" more_text="Show Press Release (%s More Words)" less_text="Hide Press Release (%s Less Words)" hidden="yes"]
-
You can have multiple showhide content within a post or a page, just by having a new type.
-
Example:
[showhide type="links" more_text="Show Links (%s More Words)" less_text="Hide Links (%s Less Words)"]Links will go in here.[/showhide]
-
If you want to set the default visibility to display.
-
Example:
[showhide hidden="no"]Press release content goes in here.[/showhide]
-
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>
- 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 { }
Fejlesztés
https://github.com/lesterchan/wp-showhide
Fordítók
http://dev.wp-plugins.org/browser/wp-showhide/i18n/
Köszönet
Adományok
A szabad időm nagy részét a bővítmény megalkotásával, frissítésével, karbantartásával és a támogatással töltöm. Amennyiben a bővítményt igazán hasznosnak tartjuk, ne sajnáljunk néhány dolcsit ennek a kedves, szeretetreméltó szerzőnek adományozni, mert igazán jól jönne neki is egy kis segítség. Ha nincs lehetőségünk adni pár dollárt, akkor sincs nagy baj; minden további nélkül használjuk sok szeretettel a bővítményt. Majd, a egyszer tellik rá, akkor ne feledje… 😉
Képernyőmentések
GYIK
N/A
Vélemények
Közreműködők és fejlesztők
“WP-ShowHide” egy nyílt forráskódú szoftver. A bővítményhez a következő személyek járultak hozzá:
Közreműködők“WP-ShowHide” 2 nyelvre lett lefordítva. Köszönet a fordítóknak az áldozatos munkájukért!
“WP-ShowHide” fordítása a saját nyelvünkre.
Érdekeltek vagyunk a fejlesztésben?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Változási napló
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
asdisplay: 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
orhide
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