Cada Hub é uma pilha de linhas. Cada linha divide-se em colunas, e cada coluna contém um elemento: um texto, um vídeo, uma lista de cursos. Esta estrutura mantém os Hubs legíveis em qualquer ecrã e permite reorganizar uma página sem recomeçar. Este artigo explica como construir e alterar essa estrutura no editor.
Abra um Hub com Editar na lista de Hubs. O editor mostra o rascunho. Tudo o que alterar aqui fica invisível para os membros até publicar.
Linhas e os seus layouts
Clique em Adicionar linha no fundo da página ou entre duas linhas. A caixa de diálogo mostra o separador Esquema com dez layouts:
- uma coluna a 100%
- duas colunas a 50% / 50%, 33% / 67%, 67% / 33%, 75% / 25% ou 25% / 75%
- três colunas a 33% / 33% / 33% ou 25% / 50% / 25%
- quatro colunas a 25% cada
- cinco colunas a 20% cada
A linha aparece onde clicou, com um espaço vazio por coluna.
Cada linha tem um cabeçalho com um campo Título (Opcional). Na pré-visualização, uma linha sem título não mostra cabeçalho nenhum. O botão do pincel abre Linha de acento, um interruptor para o destaque colorido da linha. Depois de o acionar, Aplicar a todas as linhas leva essa escolha a todas as linhas do Hub.
Para alterar mais tarde o layout de uma linha, clique na pequena pré-visualização das colunas no cabeçalho da linha, com a indicação Esquema. Um layout fica a cinzento quando não serve: Alguns elementos precisam de uma coluna mais larga significa que um elemento ficaria demasiado estreito, As últimas colunas ainda contêm elementos significa que perderia colunas que não estão vazias. Mova ou elimine primeiro esses elementos.
Mover e remover linhas
Use os botões de seta para mover uma linha para cima ou para baixo, ou arraste-a pela pega. O cabeçalho da linha contém também Duplicar, que insere uma cópia logo abaixo, Copiar e Excluir. A eliminação pede confirmação: «Você realmente deseja excluir a linha inteira? Todos os elementos nela serão excluídos!»
Copiar linhas entre Hubs
Copiar coloca uma referência à linha na área de transferência. Em qualquer Hub do espaço de trabalho, clique em Colar da área de transferência ao lado de Adicionar linha, e a linha chega com o título, o layout, a linha de acento e todos os seus elementos. Se o navegador não permitir ler a área de transferência, um pedido solicita que cole a referência da linha à mão.
Adicionar elementos
Clique em Adicionar Elemento numa coluna vazia. O seletor de elementos agrupa os elementos em categorias e tem uma pesquisa que procura nos nomes e nas descrições. Cada cartão mostra as larguras que o elemento suporta. Um elemento que não cabe na coluna fica marcado com Indisponível nesta largura de coluna. Os elementos que funcionam em qualquer largura mostram Todos os tamanhos.
Clicar num cartão abre uma pré-visualização, onde pode alternar entre Conteúdo de demonstração e Estado vazio. Adicionar elemento coloca o elemento; fica desativado quando o elemento não cabe na coluna. O novo elemento é guardado de imediato e as suas configurações abrem ao lado. A partir daí, as alterações são guardadas automaticamente pouco depois de parar de escrever. O cabeçalho mostra Salvando, Salvo ou, se algo correu mal, Falha ao salvar.
A lista completa de elementos está em Referência dos tipos de elementos.
Alterar, mover e copiar elementos
A barra de ferramentas do elemento contém as configurações. Consoante o elemento, encontra também Esquema para a variante visual e Caixa para a moldura. O menu do elemento tem:
- Duplicar elemento, só visível enquanto a linha ainda tiver uma coluna livre
- Copiar elemento, para colar numa coluna vazia com Colar da área de transferência
- Excluir elemento, que pergunta Excluir elemento? antes de remover o que quer que seja
Para mover um elemento, arraste-o para outra coluna, na mesma linha ou noutra linha. Se o largar numa linha cheia com colunas iguais, essa linha ganha mais uma coluna, até cinco. Duas mensagens podem impedir a mudança: Este elemento precisa de uma coluna mais larga e Não há coluna livre nesta linha.
Verificar antes de publicar
Alterne entre Editor e Prévia no cabeçalho. A pré-visualização esconde os controlos de edição, mostra as colunas vazias como espaço em branco e permite verificar a página em Computador, Tablet e Celular.
O botão de publicação no cabeçalho mostra um número para os elementos adicionados, removidos ou alterados desde a última publicação, mais um se o número de linhas mudou. As alterações a títulos, layouts ou à ordem das linhas não são contadas, mas ativam o botão na mesma.
A publicação é explicada em Modelos de Hub e publicação.