Las secciones

¿Qué es una sección?

Una página es una sucesión de secciones colocadas una debajo de otra: un banner de bienvenida, una presentación, testimonios, un formulario… Cada sección contiene texto y bloques, y tiene su propia apariencia.

Añadir una sección

Entre dos secciones, un separador lleva un botón + (Añadir una sección): haga clic en él para insertar una nueva sección en ese lugar. También puede escribir / en una página y elegir Sección. Después, rellénela con texto y bloques.

Mover, duplicar, eliminar

Estos comandos se encuentran en el separador situado en el borde superior de cada sección. Pase el ratón por la página: entre dos secciones aparece una línea con, en el centro, un asa de seis puntos (su información emergente: Arrastre para mover, haga clic para ver los comandos) y el botón redondo +.

• Arrastre el asa hacia arriba o hacia abajo para mover la sección.
• Haga clic en el asa para abrir el menú de la sección situada justo debajo: Estilo, Subir, Bajar, Duplicar y Eliminar.

Eliminar quita la sección entera con todo su contenido, sin pedir confirmación. Si se equivoca, deshaga enseguida con Cmd+Z en Mac o Ctrl+Z en Windows.

Cuando ha hecho clic en una sección, la pestaña Sección del panel derecho ofrece también, arriba del todo, los mismos comandos: Subir la sección, Bajar la sección, Duplicar la sección y Eliminar la sección.

Para reutilizar una sección en otras páginas, elija Copiar a una página… en el menú de su asa o en la pestaña Sección. Marque las páginas y coloque la copia al principio o al final de cada página. Cada copia es independiente, y un solo Deshacer elimina la copia en todas partes.

Eliminar una sección vacía

Una sección vacía se elimina del mismo modo, con el asa del separador situado justo encima o desde la pestaña Sección. Más sencillo aún: haga clic en su línea vacía y pulse la tecla de retroceso, y la sección desaparece. Cmd+Z o Ctrl+Z la restablece.

El encabezado y el pie de página del sitio no tienen asa: no se pueden mover ni eliminar.

Las secciones reutilizables

Horario de apertura, llamada a la acción, banda de confianza: una sección reutilizable es la misma en cada página que la usa, contenido y estilo incluidos. Modifíquela una vez y todas las páginas la siguen.

1. En una página, haga clic en el asa de la sección y elija Guardar como sección reutilizable….
2. Complete el campo Nombre y haga clic en Guardar. Este nombre solo sirve para encontrarla en TOWeb: no aparece en el sitio.
3. En otra página, haga clic en el botón + entre dos secciones y elija Sección vacía o una de sus Secciones reutilizables.

En la página, una sección reutilizable indica en cuántas páginas se usa. Editar la abre sola, en su propia pantalla, y el cambio se aplica a todas esas páginas. Desvincular la convierte en una sección normal, solo en esta página.

El botón Secciones reutilizables de la pantalla Páginas las enumera, para cambiarles el nombre (Cambiar el nombre) o eliminarlas (Eliminar). Eliminar una sección reutilizable no pierde nada: cada página que la usaba conserva una copia, que puede modificar por separado.

Ajustar la apariencia de una sección

Haga clic en la sección y abra la pestaña Sección del panel derecho:

• Paleta de colores: Por defecto, Sutil, Acento o Intensa. Los colores proceden de su estilo: alternar las paletas da ritmo a la página sin salirse nunca de su identidad visual.
• Imagen o vídeo de fondo, con una Superposición para mantener el texto legible, la Posición y el Desenfoque. Para una imagen, el interruptor Fondo fijo la mantiene inmóvil mientras el contenido se desplaza por encima, tanto en el ordenador como en el móvil. Para un vídeo, la imagen de portada se extrae del vídeo, y Elegir en el vídeo permite elegir el instante: vea Las imágenes y la mediateca.
• Ancho del contenido: Estrecho, Normal, Ancho o Ancho completo. Estreche un texto largo para que se lea mejor, o amplíe una galería o una cuadrícula de tarjetas; las demás secciones conservan el ancho de su estilo.
• Pantalla completa: la sección ocupa toda la altura de la pantalla. Ideal para abrir la página de inicio con una gran imagen o un vídeo, a elegir en Imagen o vídeo de fondo. En el móvil, la sección cabe en la parte visible de la pantalla.
• Disposición del texto: reparte el texto en 2 o 3 columnas, con letra capital o texto justificado si lo desea.

El espacio entre secciones viene de su estilo: es el mismo en todas las páginas, para un ritmo regular. Para acercar dos contenidos, colóquelos en la misma sección en lugar de en dos secciones consecutivas.

Para compactar o espaciar todo el sitio de una vez, ajuste la Densidad en Tema › Formas: Compacta, Normal o Amplia. Cada estilo conserva su propio ritmo, que «Normal» respeta tal cual.

Los efectos de sección

• Ambiente animado: un fondo vivo creado con los colores del estilo (Aurora, Resplandor, Cuadrícula, Puntos, Malla, Constelación, Ondas, Líquido). Una imagen de fondo lo sustituye.
• Entrada de los títulos: las palabras de los títulos suben o se revelan al aparecer.
• Texto manifiesto: las palabras se iluminan al desplazarse. Resérvelo para una frase potente.
• Secciones apiladas: la sección permanece en la parte superior de la pantalla mientras la siguiente se desliza por encima, como una baraja de cartas. Actívelo en 2 a 4 secciones consecutivas.

Estos efectos se reproducen en el sitio, tanto en la vista previa como en línea. Otros efectos se ajustan para todo el sitio en Formas, efectos y animaciones.

Ocultar una sección

No publicar, en el menú de una sección, la conserva en la página, editable y marcada como No publicada, pero fuera del sitio publicado. Publicar la sección la pone en línea en la siguiente publicación.

En la pestaña Sección del inspector, Mostrar en elige las pantallas donde aparece la sección: Escritorio, Tableta y Móvil. Desactive Móvil para ocultar, por ejemplo, una imagen grande en el teléfono. En el editor, la sección sigue visible con una etiqueta, y la vista previa por dispositivo muestra el resultado.