Cómo mostrar y ocultar texto en mensajes de WordPress con el efecto Toggle

A veces puede que quieras ocultar partes del contenido de tu mensaje o página para darle a ese artículo un aspecto compacto y permitir a los usuarios hacer clic y ver más información si así lo desean. Esta técnica es conocida como el efecto toggle, que se utiliza en numerosos sitios web de diferentes maneras. El contenido oculto se hace visible cuando un usuario hace clic en un enlace o botón específico. Este efecto mostrar/ocultar es muy útil para una página de preguntas frecuentes. Aterrizas en una página donde ves un montón de preguntas en la lista. Cuando un usuario hace clic en la pregunta, la respuesta se expande justo debajo. Cuando vuelva a hacer clic en la pregunta, la respuesta se colapsará. En este artículo te mostraremos cómo mostrar y ocultar texto en los posts y páginas de WordPress con el efecto toggle.

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Lo primero que tiene que hacer es instalar y activar el plugin WP ShowHide. El plugin funciona desde el primer momento y no hay opciones de configuración. Para ocultar el texto en los mensajes utilizando el efecto de conmutación, necesita utilizar el código abreviado de la siguiente manera:

showhide type="post"]Texto que desea ocultar[/showhide]

La primera vez que utilice el código abreviado notará que muestra el enlace de conmutación con el texto "Mostrar comunicado de prensa (xx más palabras)". En realidad el plugin fue escrito específicamente para un sitio que publicó notas de prensa. Sin embargo, este texto puede cambiarse fácilmente a lo que usted desee. Utilice el código abreviado de la siguiente manera:

showhide type="post" more_text="Mostrar más..." less_text="Mostrar menos...."]
Texto que desea ocultar
[/showhide]

El código abreviado showhide viene con algunos parámetros que puedes usar para obtener control sobre cómo funciona en tus mensajes individuales. Los parámetros por defecto y los valores para el código abreviado son estos:

showhide type="pressrelease" more_text="Show Press Release (%s More Words)" less_text="Hide Press Release (%s Less Words)" hidden="yes"]

Esperamos que este artículo le haya sido útil para añadir el efecto Toggle para ocultar texto en sus posts y páginas de WordPress. Haznos saber si prefieres usar el efecto toggle para ocultar los mensajes completos o usar la funcionalidad predeterminada de extractos de WordPress.