As secções

O que é uma secção?

Uma página é uma sequência de secções colocadas umas por baixo das outras: um banner de boas-vindas, uma apresentação, testemunhos, um formulário… Cada secção contém texto e blocos, e tem o seu próprio aspeto.

Adicionar uma secção

Entre duas secções, um separador tem um botão + (Adicionar uma secção): clique nele para inserir uma nova secção nesse local. Também pode escrever / numa página e escolher Secção. Depois, preencha-a com texto e blocos.

Mover, duplicar, eliminar

Estes comandos encontram-se no separador situado no bordo superior de cada secção. Passe o rato pela página: entre duas secções aparece uma linha com, ao centro, uma pega de seis pontos (a sua dica: Arraste para mover, clique para ver os comandos) e o botão redondo +.

• Arraste a pega para cima ou para baixo para mover a secção.
• Clique na pega para abrir o menu da secção situada logo abaixo: Estilo, Mover para cima, Mover para baixo, Duplicar e Eliminar.

Eliminar retira a secção inteira com todo o seu conteúdo, sem pedir confirmação. Em caso de engano, anule de imediato com Cmd+Z no Mac ou Ctrl+Z no Windows.

Depois de clicar numa secção, o separador Secção do painel direito oferece também, logo no topo, os mesmos comandos: Subir a secção, Descer a secção, Duplicar a secção e Eliminar a secção.

Para reutilizar uma secção noutras páginas, escolha Copiar para uma página… no menu da sua pega ou no separador Secção. Assinale as páginas e coloque a cópia no início ou no fim de cada página. Cada cópia é independente, e um único Anular desfaz a cópia em todo o lado.

Eliminar uma secção vazia

Uma secção vazia elimina-se da mesma forma, com a pega do separador logo acima ou a partir do separador Secção. Ainda mais simples: clique na sua linha vazia e prima a tecla de retrocesso, e a secção desaparece. Cmd+Z ou Ctrl+Z repõe-na.

O cabeçalho e o rodapé do site não têm pega: não se movem nem se eliminam.

As secções reutilizáveis

Horário de abertura, apelo à ação, faixa de confiança: uma secção reutilizável é a mesma em todas as páginas que a usam, conteúdo e estilo incluídos. Altere-a uma vez, e todas as páginas acompanham.

1. Numa página, clique na pega da secção e escolha Guardar como secção reutilizável….
2. Preencha o campo Nome e clique em Guardar. Este nome serve apenas para a encontrar no TOWeb: não aparece no site.
3. Noutra página, clique no botão + entre duas secções e escolha Secção vazia ou uma das suas Secções reutilizáveis.

Na página, uma secção reutilizável indica em quantas páginas é usada. Editar abre-a sozinha, no seu próprio ecrã, e a alteração aplica-se a todas essas páginas. Desligar transforma-a numa secção normal, apenas nesta página.

O botão Secções reutilizáveis do ecrã Páginas lista-as, para lhes mudar o nome (Mudar o nome) ou as eliminar (Eliminar). Eliminar uma secção reutilizável não faz perder nada: cada página que a usava guarda uma cópia, que pode alterar à parte.

Definir o aspeto de uma secção

Clique na secção e abra o separador Secção do painel da direita:

• Paleta de cores: Predefinida, Suave, Destaque ou Intensa. As cores vêm do seu estilo: alternar as paletas dá ritmo à página sem nunca sair da sua identidade visual.
• Imagem / vídeo de fundo, com um Véu para manter o texto legível, a Posição e o Desfoque. Para uma imagem, o interruptor Fundo fixo mantém-na imóvel enquanto o conteúdo desliza por cima, no computador como no telemóvel. Para um vídeo, a imagem de capa é tirada do vídeo, e Escolher no vídeo permite escolher o instante: veja As imagens e a mediateca.
• Largura do conteúdo: Estreito, Normal, Largo ou Largura total. Aperte um texto longo para que se leia melhor, ou alargue uma galeria ou uma grelha de cartões; as outras secções mantêm a largura do seu estilo.
• Ecrã inteiro: a secção ocupa toda a altura do ecrã. Ideal para abrir a página inicial com uma grande imagem ou um vídeo, a escolher em Imagem / vídeo de fundo. No telemóvel, a secção cabe na parte visível do ecrã.
• Colunas de texto: distribui o texto por 2 ou 3 colunas, com capitular ou texto justificado, se o desejar.

O espaço entre as secções vem do seu estilo: é o mesmo em todas as páginas, para um ritmo regular. Para aproximar dois conteúdos, coloque-os na mesma secção em vez de em duas secções seguidas.

Para tornar todo o site mais compacto ou mais arejado de uma só vez, ajuste a Densidade em Tema › Formas: Compacta, Normal ou Arejada. Cada estilo mantém o seu próprio ritmo, que «Normal» respeita tal como está.

Os efeitos de secção

• Ambiente animado: um fundo vivo extraído das cores do estilo (Aurora, Brilho, Grelha, Trama, Malha, Constelação, Ondas, Líquido). Uma imagem de fundo substitui-o.
• Entrada dos títulos: as palavras dos títulos sobem ou revelam-se ao aparecer.
• Texto-manifesto: as palavras iluminam-se à medida que se percorre a página. Para reservar a uma frase forte.
• Secções empilhadas: a secção fica no topo do ecrã enquanto a seguinte desliza por cima, como um baralho de cartas. Para ativar em 2 a 4 secções seguidas.

Estes efeitos são reproduzidos no site, tanto na pré-visualização como online. Outros efeitos definem-se para todo o site em Formas, efeitos e animações.

Ocultar uma secção

Não publicar, no menu de uma secção, mantém-na na página, editável e marcada como Não publicada, mas fora do site publicado. Publicar a secção coloca-a online na publicação seguinte.

No separador Secção do inspetor, Mostrar em escolhe os ecrãs onde a secção aparece: Computador, Tablet e Telemóvel. Desligue Telemóvel para ocultar, por exemplo, uma imagem grande no telefone. No editor, a secção continua visível com uma etiqueta, e a pré-visualização por dispositivo mostra o resultado.