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

30 de enero de 2021
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.
23 de diciembre de 2020
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.)
20 de septiembre de 2020
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.
17 de agosto de 2020
It is a nice plugin, but can I use it for css ass wel? To hide a row or a div?
22 de junio de 2020
After hours searching for such a fonctionality, I endly found this. Simple and efficient. Thanks. Après des heures à chercher une solution, j'ai trouvé celle-ci. Simple et efficace. Bravo et merci.
Leer todas las 40 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