Descripción
Por defecto, el contenido está oculto y el usuario tendrá que hacer clic en el enlace «Mostrar contenido» para alternarlo. Similar a lo que Engadget hace en sus notas de prensa. Ejemplo de uso: [showhide type="pressrelease"]La nota de prensa está aquí.[/showhide]
Uso
- Por defecto, el contenido entre los shortcodes «showhide» está oculto.
- Ejemplo:
[showhide]El contenido de la nota de prensa va aquí.[/showhide]
-
Valores por defecto:
[showhide type="pressrelease" more_text="Mostrar nota de prensa (%s palabras más)" less_text="Ocultar nota de prensa (%s palabras menos)" hidden="yes"]
-
Puedes tener múltiples contenidos de tipo «showhide» en una entrada o página, únicamente asignando «type» diferentes.
-
Ejemplo:
[showhide type="links" more_text="Mostrar enlaces (%s palabras más)" less_text="Ocultar enlaces (%s palabras menos)"]Los enlaces van aquí[/showhide]
-
Si quieres establecer la visibilidad predeterminada que mostrar.
-
Ejemplo:
[showhide hidden="no"]El contenido de la nota de prensa va aquí.[/showhide]
-
Puedes dar estilo al contenido mediante CSS que es generado por el plugin. Aquí hay una muestra del HTML generado. Ten en cuenta que «pressrelease» es el «type» por defecto.
<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>
- Con el ejemplo de arriba, aquí están algunos estilos que puedes usar en tu 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 { }
Desarrollo
https://github.com/lesterchan/wp-showhide
Traducciones
http://dev.wp-plugins.org/browser/wp-showhide/i18n/
Agradecimientos
Donaciones
Paso la mayor parte de mi tiempo libre creando, actualizando, manteniendo y dando soporte para mis plugins. Si realmente te encantan mis plugins y podrías ahorrarme un par de dólares, realmente lo agradeceré. Si no, se libre de usarlos sin ninguna obligación.
Capturas
FAQ
N/A
Reseñas
Colaboradores y desarrolladores
«WP-ShowHide» es un software de código abierto. Las siguientes personas han colaborado con este plugin.
Colaboradores«WP-ShowHide» está traducido en 2 idiomas. Gracias a los traductores por sus contribuciones.
Traduce «WP-ShowHide» a tu idioma.
¿Interesado en el desarrollo?
Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.
Registro de cambios
Version 1.05
- CORREGIDO: atributos tipo esc_attr para evitar XSS
Version 1.04
- NUEVO: Añadidos a los elementos «aria-hidden» y «aria-expanded»
Version 1.03
- NUEVO: Añadido
.sh-link
y.sh-content
como un nombre de clase estándar sobre el nombre de clase específico del «type». - NUEVO: Añadido do_shortcode() para permitir que los shortcodes se analicen dentro del «showhide»
Version 1.02
- ARREGLADO: Algunos temas usan
.hide
comodisplay: none
y por lo tanto he cambiado.show
a.sh-show
y.hide
a.sh-hide
para evitar conflictos.
Version 1.01
- NUEVO: Agregada una clase adicional de
show
ohide
al enlace y al contenido, dependiendo de la visibilidad del contenido para permitir un estilo de CSS más preciso.
Version 1.00 (01-05-2011)
- ARREGLADO: Versión inicial