WP-ShowHide

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

  1. Por defecto, el contenido entre los shortcodes «showhide» está oculto.
  2. Ejemplo: [showhide]El contenido de la nota de prensa va aquí.[/showhide]
  3. 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"]

  4. Puedes tener múltiples contenidos de tipo «showhide» en una entrada o página, únicamente asignando «type» diferentes.

  5. Ejemplo: [showhide type="links" more_text="Mostrar enlaces (%s palabras más)" less_text="Ocultar enlaces (%s palabras menos)"]Los enlaces van aquí[/showhide]

  6. Si quieres establecer la visibilidad predeterminada que mostrar.

  7. Ejemplo: [showhide hidden="no"]El contenido de la nota de prensa va aquí.[/showhide]

  8. 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>
  1. 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 { }

Estado del desarrollo

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

  • Mostrar nota de prensa
  • Ocultar nota de prensa
  • Editor - Shortcode

FAQ

N/A

Reseñas

11 de noviembre de 2019
I've been using this Show/Hide plugin for a few years now. It used to be that the code was this [showhide type="post" more_text="Show the spoiler…” less_text=“Hide the spoiler…”]
Text you want to hide
[/showhide]   And I could insert whatever text I wanted within the quote marks. Then Chan broke it. Now it says "Show Press Release" regardless of the text I put in the quote marks. I told Chan about this and the fact that the plugin completely failed the last time I tried using it. Now he's fixed it so it does still show and hide but it keeps the "Show Press Release" text regardless of the text I put in the quote marks. Chan's response: change the CSS code. Really?! So unhelpful! It's going to take some research to figure out how to find his code segment in my CSS code. Why would you take an elegant piece of coding and break it?
21 de noviembre de 2018
I can see non-developers struggling with this, but if you can ignore the crappy grammar (less words? really? It's FEWER WORDS if you want to be correct in the English language) it works well. It would be nice to have some actual examples and code examples that didn't parse incorrectly, but given that this is free it's hard to expect much from the author.
24 de enero de 2018
Plugin work only on posts, not on pages.
Leer todas las 30 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» ha sido traducido a 1 idioma local. 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.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 como display: 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 o hide 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