martes, 4 de marzo de 2014

Hoy en AyudaWordPress.com

Hoy en AyudaWordPress.com

Link to Ayuda WordPress

Mostrar y ocultar texto expandible

Posted: 03 Mar 2014 11:00 PM PST

acordeon abierto

Si te gustan esos textos que se expanden al hacer clic en una leyenda del tipo “ver“, o lo que sea, estabas esperando esto hace tiempo.

A mi la primera vez que me surgió esta utilidad fue con las subpáginas, cuando necesitas cortar un texto muy largo en varias páginas y me preguntaba que si no habría algún otro modo que no fuera usar la quicktag <!--nextpage-->, y encontré un modo de pasar de página con una especie de movimiento deslizante muy chulo.

Pero había algo que aún no había encontrado y ¡me encanta!, poder mostrar las subpáginas de una página en la página superior y se abra la página siguiente en forma de texto expandido. Esto me ha pasado varias veces, cada vez que tenía un tema sin submenús y quería que desde la página principal pudiese mostrar las siguientes-

Y no lo logré porque no conocía el plugin Subpage as expansible text shortcode que, usando el shortcode [ subpages_expand ] (espacios extra añadidos para que no se active) en la página superior, al terminar el texto de la página actual añade automáticamente los títulos de sus páginas inferiores y, haciendo clic en ellos, se expande y muestra su contenido, una chulada, que puedes ver funcionando en la página de servicios de Ayuda WordPress.

Bueno no, ¡lo siguiente!

Otra funcionalidad posible de esto de los textos expansibles sería una página de preguntas frecuentes donde cada pregunta muestre la respuesta al hacer clic en ella. Para ello hay un plugin especializado, Easy FAQ with expanding text.

Primero creas la página de preguntas frecuentes simplemente marcando una casilla al efecto en la ventana de edición de páginas que la define como FAQ. Luego simplemente elige el estilo de encabezamiento para las preguntas, párrafos, listas, fotos y videos bajo los que se ocultará el texto hasta que se haga clic en el encabezamiento de cada uno. Y sino usa los shortcodes [bg_faq_start] y [bg_faq_end] alrededor del contenido que quieras que se muestre con ese efecto.

Pero ¿y si quieres hacer lo mismo en una entrada normal?, expandir o contraer texto a voluntad con solo hacer clic en un texto, también hay opciones, unas cuantas.

Por un lado tienes al veterano plugin Text Expander, una versión a su vez del más viejo y aún funcional Expanding Text que, mediante los shortcodes [DDET (texto para abrir el texto)]Texto a expandir[/DDET] ofrecen justo lo que estamos hablando a pesar de su veteranía.

Más moderno, pero con el mismo objetivo, es Collapse-o-Matic, en este caso usando el siguiente shortcode: [expand title="texto para abrir el texto"]texto oculto que se expandirá[/expand]. En la página oficial del autor tienes más modificadores de uso del shortcode y ejemplos de uso.

Y, para terminar, también puedes instalar WP UI, un plugin que añade, mediante jQuery y CSS3 bonitos efectos de pestañas, textos ocultos que se abren en forma de acordeón, cajas de diálogo y, texto expansible o spoilers en cualquier entrada, pudiendo usar varios estilos diferentes. En su web oficial tienes unos ejemplos de esta maravilla de plugin.

texto expandible en acordeón Espoiler Pestañas

Como ves, por opciones que no quede, así que a expandir y contraer textos en tus entradas, que queda muy chulo y no cuesta ni un euro.

No hay comentarios:

Publicar un comentario

Seguidores

Archivo del blog