Show Or Hide Text In Wordpress Using Toggle Effect

Cómo mostrar y ocultar texto en publicaciones de WordPress con el efecto Alternar

¿Quiere mostrar y ocultar fácilmente texto en sus publicaciones y páginas de WordPress? A veces, es posible que desee permitir que sus usuarios vean contenido oculto cuando hacen clic en un enlace específico. Esto es especialmente útil cuando desea presentar una sección de preguntas frecuentes. En este artículo, aprenderá a mostrar y ocultar texto en publicaciones de WordPress con el efecto de alternar.

Lo primero que debe hacer es instalar y activar el plugin Show-Hide / Collapse-Expand. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress. El plugin funciona de inmediato y no hay opciones para configurar. Le permite utilizar dos métodos para ocultar cualquier texto en su sitio web con un enlace para expandir y mostrar texto.

Mostrar texto oculto en WordPress usando shortcode

Para este método, deberá agregar manualmente un código corto para mostrar u ocultar el texto. Aquí hay un ejemplo de un código corto 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] Después de agregar el código corto a su publicación o página, puede guardar sus cambios y obtener una vista previa de ellos. Verá un enlace simple «Mostrar más» y al hacer clic en él verá el texto oculto.

Mostrar Texto Oculto Con Un Enlace Simple Usando Shortccode
Hay muchos parámetros para este código corto que cambiarán la apariencia de su texto para mostrar / ocultar. Por ejemplo, puede agregar un botón en lugar de un enlace simple, agregar iconos e incluso usar CSS personalizado en este código corto. Sin embargo, sería bastante complicado generar este shortcode manualmente. En este caso, puede usar el segundo método que le permite generar el código corto usando un editor visual.

Mostrar texto oculto en WordPress usando el editor visual

Para este método, deberá agregar el bloque « Clásico » en su editor de contenido de WordPress. Simplemente haga clic en el botón Agregar nuevo bloque y busque el bloque «Clásico».
Encuentra Un 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.
Vista Del Editor De Bloques Clásico
En la barra de herramientas, debe hacer clic en el botón «Contraer / Expandir». Esto abrirá una ventana emergente donde configurará visualmente la configuración del shortcode.
Generador De Shortcode
Desde aquí puede elegir el enlace o botón, el color, los iconos y el texto a mostrar para mostrar y ocultar los botones. Después de elegir la configuración, haga clic en el botón «Aceptar» para insertarlo en su mensaje. Verá el shortcode agregado en su editor de publicaciones.
Código Corto En El Editor De Publicaciones
Ahora puede continuar y agregar el texto que desea ocultar entre las etiquetas de inicio y finalización del código corto.
Agregar Texto Para Ocultar
Después de eso, puede guardar su publicación o página y visitar su sitio web para ver los cambios en acción. Así es como se veía en nuestro sitio de prueba.
Mostrar Texto Oculto Con Un Botón
Esperamos que este artículo le haya ayudado a aprender a mostrar y ocultar texto en publicaciones de WordPress con el efecto de alternancia. También puede consultar nuestra lista de plugins de WordPress imprescindibles para cualquier sitio web y nuestro tutorial sobre cómo agregar contenido personalizado dinámico en WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply