El bloque Acordeón es una solución gráfica conveniente para un sitio web en forma de una lista de notas de texto con elementos desplegables:
"Acordeón" es bastante fácil de incrustar en un sitio web y personalizar según tus necesidades: puede adaptarse perfectamente a cualquier solicitud necesaria.
¿Cómo agregar y configurar "Acordeón"?
Para agregar un elemento a tu sitio, ve a la configuración del sitio y haz clic en el signo más para abrir el menú con las secciones disponibles en Mavibot.
Luego, en el menú de secciones que se abre, busca el bloque "Acordeón".
A continuación, verás un bloque agregado vacío, en el que debes configurar el contenido en forma de tarjetas y el tipo de las tarjetas del acordeón:
Configuración del contenido
Primero, agregaremos tarjetas de contenido, para lo cual debes hacer clic en el botón "Contenido" y luego agregar la tarjeta en sí, que contendrá el título y, en consecuencia, el texto:
Se agregó una tarjeta vacía a tu contenido, donde puedes agregar un texto de pregunta, una imagen y un texto de respuesta:
El elemento de texto del bloque tiene configuraciones similares a las de cualquier editor de texto: configuraciones de negrita, cursiva, subrayado, altura de fuente y contorno de fuente, color, y más.
Para aplicar sus configuraciones a un texto, selecciona la parte requerida del texto y elige las configuraciones de texto
A continuación, sube una imagen, si es necesario, y agrega un texto aclaratorio: la respuesta a la pregunta:
Puedes agregar la cantidad necesaria de tarjetas de contenido.
Personalización del contenido
Después de agregar la cantidad necesaria de tarjetas de contenido, ve a la configuración del contenido:
A continuación, puedes seleccionar una casilla de verificación para que la primera tarjeta del acordeón o solo una de las tarjetas esté abierta.
Selecciona la configuración del margen vertical entre las preguntas en el bloque:
También puedes redondear las esquinas de las tarjetas usando este campo, que solo acepta valores numéricos:
El elemento de texto (así como el botón) en la tarjeta siempre está centrado en relación con los bordes superior e inferior. Para seleccionar la distancia requerida, ingresa un valor numérico en el campo "Relleno interno en la parte superior e inferior":
Además, todo el contenido de la tarjeta (incluido el texto y el botón para expandir el texto de respuesta) está centrado en relación con los bordes derecho e izquierdo. Para ajustar el relleno a la izquierda y a la derecha, usa el campo "Relleno interno a la izquierda y a la derecha":
Para seleccionar el tamaño del icono que abre el texto de respuesta, simplemente usa este campo "Ancho del icono", que también acepta un valor exclusivamente numérico:
Si la imagen dentro de la tarjeta es demasiado grande, puedes seleccionar su ancho especificando el valor requerido en el campo "Ancho de la imagen":
A continuación, selecciona una paleta de colores para cada elemento de tu acordeón: texto, fondo de la tarjeta, icono, etc.:
Ahora ya sabes cómo instalar el bloque "Acordeón" en tu sitio web y personalizar el contenido dentro del bloque.
Personalización del bloque (sección): fuente, fondo y configuración de visualización
Para personalizar el bloque "Acordeón", necesitarás la configuración universal de la sección (bloques), que incluye configuraciones de fuente, fondo y visualización.
Las configuraciones de la sección (bloque), es decir, fuentes, fondo y visualización, son las mismas para todos los bloques.
Leer más sobre la configuración universal de las secciones (bloques) del sitio en el artículo