Los acordeones muestran secciones de contenido plegables, cada una con una cabecera en la que se puede hacer clic y que expande o contrae el contenido. En esta guía, aprenderás a añadir, personalizar y usar el bloque Acordeón en tu sitio de WordPress.com.
En esta guía
¿Tienes alguna pregunta?
Pregunta a nuestro AI AssistantSirven para organizar información, reducir la longitud de la página y permitir que los visitantes se centren en el contenido que más les interesa. Los acordeones funcionan bien para organizar aquellos contenidos que los visitantes pueden querer consultar de forma selectiva. Estas son algunas formas populares de usarlos:
- Términos y políticas: presentar información legal o sobre políticas sin abrumar a los visitantes.
- Preguntas frecuentes: agrupar las preguntas más frecuentes con respuestas ampliables.
- Detalles del producto: mostrar las especificaciones, las guías de tallas o la información de envío en secciones plegables.
- Instrucciones paso a paso: dividir tutoriales o guías en pasos sencillos.
- Horarios de eventos: organizar agendas o itinerarios por tiempo o sesión.
- Biografías del equipo: mostrar introducciones breves con detalles ampliables sobre cada miembro del equipo.
Sigue estos pasos para añadir el bloque Acordeón a una página o entrada:
- Dirígete al escritorio de tu sitio.
- Ve a Páginas o a Entradas y haz clic en la página o entrada a la que quieres añadir el acordeón.
- Haz clic en el icono + (insertador de bloques).
- Busca «bloque Acordeón» y haz clic en él para añadirlo a la entrada o página:
Encontrarás instrucciones detalladas sobre cómo añadir bloques en esta página.
La primera vez que añadas el bloque Acordeón a tu entrada o página, tendrás las siguientes secciones:
- Elemento de acordeón: cada sección plegable, que contiene un encabezado y un panel.
- Encabezado de acordeón: el título en el que se puede hacer clic para expandir o contraer el contenido.
- Panel de acordeón: el contenido que aparece cuando se hace clic en la cabecera.
Para completar el acordeón:
- Añade el título o el texto del encabezado que quieras que se vea en todo momento.
- Haz clic dentro del área del panel de acordeón o usa la vista de lista para seleccionarlo.
- Haz clic en el + insertador de bloques para añadir bloques dentro del área del panel de acordeón. Puedes añadir cualquier tipo de contenido, incluidos texto, imágenes, vídeos y otros bloques.
El bloque Acordeón incluye ajustes que controlan cómo se comporta. Para acceder a esos ajustes, selecciona el bloque Acordeón superior mediante la vista de lista y abre los ajustes del bloque en la barra lateral derecha.
Si no ves la barra lateral a la derecha, es posible que tengas que hacer clic en el icono de ajustes situado en la esquina superior derecha para que aparezcan los ajustes. El icono parece un cuadrado con dos columnas desiguales.
Cuando la opción «Los bloques interiores usan el ancho del contenido» esté activada, los bloques que contenga el bloque Acordeón se adaptarán a estos ajustes de ancho:
- Contenido: el ancho del área de contenido en los bloques que no estén establecidos como ancho amplio ni ancho completo.
- Ancho: el ancho del contenido en los bloques establecidos como ancho amplio.
Cuando se activa, la apertura de un elemento de acordeón cierra automáticamente cualquier otro elemento abierto. Esto mantiene tu contenido ordenado y garantiza que los visitantes se centren en una sección cada vez.
Cambia el icono de expandir/contraer (normalmente un «+» o una flecha) que aparece junto a cada cabecera de acordeón. Desactiva esta opción para un aspecto más limpio y minimalista.
Elige si el icono aparece en el lado izquierdo o derecho de la cabecera del acordeón.
Puedes configurar elementos de acordeón concretos para que aparezcan desplegados cuando se cargue la página. Para ello, sigue estos pasos:
- Usa la vista de lista para seleccionar el bloque Acordeón que quieres abrir por defecto.
- En la barra lateral de ajustes del bloque, activa la opción «Abrir por defecto».
En la barra lateral de ajustes del bloque, haz clic en el icono Estilos para acceder a los ajustes de diseño del bloque. El icono Estilos tiene la forma de un círculo con la mitad del círculo rellenada:
Entre las opciones disponibles se encuentran las siguientes:
- Colores: establece los colores de fondo y de texto para las cabeceras y los paneles de acordeón.
- Imagen de fondo: añade una imagen de fondo al bloque Acordeón superior general.
- Tipografía: ajusta el tamaño y el estilo de la fuente del texto.
- Dimensiones: controla el relleno y los márgenes alrededor de los elementos de acordeón.
- Borde y sombra: añade un efecto de borde y sombra al acordeón.
