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

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.
8 de mayo de 2020
作者的意思可能是基于经典编辑器的HTML模式来自定义,实际上可以直接修改插件,将A标签替换为button并定制一个class,再全局内添加此class的CSS就可以使其拥有漂亮的按钮样式了。 此方法在古腾堡编辑器下也可以使用。
29 de abril de 2020
Exactly what I was looking for, thanks!
Leer todas las 38 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