Neste vídeo, vou mostrar como personalizar o layout de uma página. As páginas podem ser construídas adicionando elementos em linhas e colunas. As colunas são posicionadas lado a lado dentro de uma linha, e as linhas são posicionadas uma acima da outra. Este é o editor clássico que permite edição ágil para qualquer projeto.
Também há a possibilidade de usar a ferramenta de design flex para editar o layout de uma página, o que é coberto em outro vídeo.
Quando o site é acessado de um tablet ou dispositivo móvel, as colunas dentro de uma linha se alinharão, geralmente empilhando uma em cima da outra. O editor do site otimiza o layout para dispositivos móveis e tablets, mas você também pode editar como as páginas aparecem em dispositivos específicos para garantir que tudo fique do jeito que você quer.
Você pode mudar as posições das linhas clicando no rótulo da linha e depois clicando na seta para cima ou para baixo. Você também pode animar a linha e esconder a linha em certos dispositivos.
Usando a opção adicionar, você pode adicionar uma linha acima ou abaixo de uma seção inteira.
Para adicionar colunas dentro da linha, clique na opção de coluna. Você pode adicionar até quatro colunas dentro de uma linha. Você pode redimensionar uma coluna clicando no marcador entre elas e arrastando. Você também pode mudar o tamanho clicando e arrastando pelas bordas.
Você só pode deletar uma coluna se ela não tiver nenhum widget nela já. Se estiver vazia, clique no X vermelho para deletá-la completamente.
Widgets são inseridos dentro das colunas e podem ser facilmente movidos arrastando e soltando em uma coluna diferente.
Cada widget tem capacidades de edição diferentes, mas você pode editar o layout da maioria deles clicando com o botão direito no widget e selecionando editar layout. Você terá acesso a várias opções de design, como cores, espaçamento e fundo.
Linhas e colunas também têm um editor de layout similar aos widgets. Abra o menu da linha e clique em editar layout para poder mudar cores, animações e outras opções de design. Você também pode esconder qualquer widget para um dispositivo específico. No menu de edição, selecione esconder para dispositivo e escolha o dispositivo. Você também pode esconder linhas e colunas inteiras dessa forma.
