Cómo mostrar y ocultar texto en publicaciones de WordPress usando efectos de cambio

¿Quiere mostrar y ocultar fácilmente texto en sus publicaciones y páginas de WordPress?

En ocasiones, es posible que desee permitir que los usuarios vean contenido oculto cuando hacen clic en un enlace específico. Esto es especialmente útil cuando desea incluir una sección de preguntas frecuentes.

En este artículo, aprenderá cómo usar los efectos de transición para mostrar y ocultar texto en las publicaciones de WordPress.

Lo primero que debe hacer es instalar y activar el complemento Show-Hide / Collapse-Expand. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar complementos de WordPress.

El complemento funciona desde la caja sin opciones configurables.

Le permite ocultar cualquier texto en su sitio web usando dos métodos y expandir y mostrar el texto usando enlaces.

Mostrar texto oculto en WordPress usando códigos cortos

Para este método, debe agregar manualmente un código corto para mostrar u ocultar el texto.

Aquí hay un ejemplo de un código abreviado que puede usar como punto de partida.

[bg_collapse view=”link” expand_text=”Show More” collapse_text=”Show Less”]

El texto que quieres ocultar...

[/bg_collapse]

Una vez que haya agregado el código abreviado a su publicación o página, puede guardar los cambios y revisarlos. Verá un enlace simple "mostrar más", al hacer clic en él se revelará el texto oculto.

Este código corto tiene muchos parámetros que cambiarán la apariencia de su texto para mostrar/ocultar.

Por ejemplo, puede agregar un botón en lugar de un enlace normal, agregar un ícono e incluso usar CSS personalizado en este código corto.

Sin embargo, generar este código abreviado manualmente sería muy difícil. En este caso, puede usar el segundo método, que le permite generar códigos cortos usando el editor visual.

Mostrar texto oculto en WordPress con editor visual

Para este método, debe agregar un bloque "Clásico" al editor de contenido de WordPress. Simplemente haga clic en el botón "Agregar nuevo bloque" y busque el bloque "Clásico".

Una vez que haya insertado el bloque clásico, verá un editor visual con botones de formato que se parece al antiguo editor clásico de WordPress.

En la barra de herramientas, haga clic en el botón Plegar/Desplegar. Aparecerá una ventana emergente donde puede configurar visualmente los parámetros del código corto.

Desde aquí puede seleccionar un enlace o botón, color, icono y mostrar texto para mostrar u ocultar el botón.

Después de seleccionar la opción, haga clic en el botón "Aceptar" para insertarlo en su publicación. Verá el código corto agregado en el editor de publicaciones.

Ahora puede continuar y agregar el texto que desea ocultar entre las etiquetas de apertura y cierre del código corto.

Luego puede guardar su publicación o página y visitar su sitio web para ver los cambios reales. Así es como se veía en nuestro sitio de prueba.

Esperamos que este artículo le haya ayudado a aprender a usar los efectos de transición para mostrar y ocultar texto en las publicaciones de WordPress. También puede consultar nuestra lista de complementos de WordPress necesarios para todos los sitios web, así como nuestro tutorial sobre cómo agregar contenido dinámico personalizado a WordPress.

Si te ha gustado este artículo, suscríbete a nuestro canal de tutoriales en vídeo de YouTube para WordPress. También puede encontrarnos en Twitter y Facebook.