Editor do Wix Studio: adicionar e gerenciar seções
5 min de leitura
Neste artigo
- Adicionar wireframes e seções predefinidas
- Adicionar uma seção em branco
- Usar células para organizar uma seção
- Reordenar seções da página
- Excluir uma seção
As seções são os blocos de construção de cada página. Use-as para manter o conteúdo relacionado junto e fazer com que a página fique organizada, profissional e estruturada.
Adicione quantas seções quiser a cada página. Você pode escolher entre seções em branco, wireframes ou seções predefinidas que são totalmente personalizáveis. As seções ocupam a largura do navegador e você pode definir a altura como desejar.
Crie seções master:
Faça com que a mesma seção apareça em várias páginas ao defini-la como master.
Adicionar wireframes e seções predefinidas
Temos várias seções prontas e totalmente responsivas para acelerar seu processo de criação. Basta escolher uma que você gostar e personalizar de acordo com o estilo do seu cliente. Se você precisar de ajuda principalmente com o layout, mas não tanto com o design, selecione um de nossos wireframes em branco.
Para adicionar um wireframe ou seção predefinida:
- Clique em Elementos no lado esquerdo do editor.
- Clique em Seções/Wireframes.
- Clique em uma categoria para ver os designs disponíveis.
- Arraste uma seção para a página.
- Personalize a seção como desejar:
- Clique nos elementos para personalizar seu conteúdo.
- Altere o background.
- Substitua imagens e texto pelo seu próprio material.
![GIF mostrando o painel Elementos no Editor do Wix Studio e os designs disponíveis nas abas Seções e Wireframes](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/04/11/b1d6b3e9-33c0-4959-a63d-bf6b942f6036/1f8d0667-c484-4702-95df-9e3789e7a4b3.gif)
Adicionar uma seção em branco
Você pode adicionar rapidamente seções em branco à sua página enquanto trabalha na tela. Passe o mouse sobre a parte superior ou inferior de qualquer seção e clique em + Adicionar seção. Você pode decidir se deseja criar o design do zero, aplicar um layout de grade ou usar um design pronto.
Para adicionar uma seção em branco:
- Vá para a página relevante.
- Passe o mouse sobre a parte superior ou inferior da seção relevante e clique em + Adicionar seção.
- Escolha como você gostaria de começar a criar o seu design:
- Seção personalizada: escolha uma seção predefinida e personalize-a conforme for exigido pelo seu cliente.
- Layout de grade: escolha um layout com várias células para organizar seu conteúdo.
- Adicionar um elemento: comece adicionando elementos à seção em branco.
![Uma captura de tela de uma nova seção em branco, mostrando os layouts de célula da grade que você pode clicar e aplicar](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/04/11/02cd1619-babc-4c68-8a94-91020318b06a/532c66ed-c3f5-441e-bccb-cb1fe079d4fe.png)
Salve seu design para uso futuro:
Selecione a seção no editor e clique no ícone Mais ações
. Em seguida, clique em Salvar como recurso. Isso salva seu design e o disponibiliza no painel Elementos (aba Recursos).
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/10/c3aa16d0-58e4-46f6-952e-1ac003f5543a/80e4745f-8b92-441a-a008-305419380536.png)
Usar células para organizar uma seção
Adicione células a uma seção para criar um layout responsivo e estruturado. Manter os elementos em células separadas garante que eles permaneçam no lugar em todas as telas. Escolha um layout e mova os elementos para as células. Você pode dividir as células ou adicionar novas depois.
Para aplicar uma grade em uma seção:
- Selecione a seção relevante no editor.
- Clique no dropdown Em branco na parte superior da seção.
![Uma captura de tela da barra de ferramentas que é aberta ao selecionar uma seção, com o dropdown de layouts disponíveis](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/10/32f5ce17-03d5-4d77-b384-afc78f86df99/8e692942-885e-48c3-8df0-0355db26e72e.png)
- Escolha um layout: Linhas, Colunas, Colagem, etc.
Dica: você pode alterar o layout no menu dropdown a qualquer momento, isso não move seus elementos. - Arraste os elementos para as células relevantes.
- (Opcional) Adicione mais células à seção ou separe as células existentes:
Dividir uma célula existente
Adicionar uma nova célula
Quer reverter para uma seção em branco?
Clique com o botão direito do mouse em cada célula e selecione Excluir.
Reordenar seções da página
Ao criar um site, você pode decidir que a estrutura e a organização do conteúdo devem ser um pouco diferentes. É aqui que as seções são úteis. Você pode mover seu conteúdo rapidamente, quando quiser.
Para reordenar as seções da página:
- Selecione a seção relevante no editor.
- Clique no ícone Mais ações na seção.
- Clique em Mover para cima ou Mover para baixo.
![Uma captura de tela de uma seção, mostrando como movê-la para cima ou para baixo na tela](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/10/364b0781-00b0-4557-85eb-220e786d2eb5/fac7cdea-3855-4d79-8ac9-16be06f723c1.png)
Excluir uma seção
Você pode excluir uma seção a qualquer momento. Isso exclui a seção da página em todos os breakpoints.
Observação:
Não é possível excluir seções que contenham aplicativos como Wix Stores, Wix Events, Blog etc.
Para excluir uma seção:
- Selecione a seção relevante no editor.
- Clique no ícone Mais ações na seção.
- Clique em Excluir.
Quer ocultar a seção?
Clique para Ocultar a seção do breakpoint em que você estiver. Você pode encontrar a seção oculta no painel Camadas, onde você também pode mostrá-lo novamente.
![Uma captura de tela de uma seção selecionada no Editor, mostrando como excluí-la](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/10/a6b45a1e-5eb3-4a9b-a185-a8a53cfb0dcb/5fdf7e4a-829e-400c-a1bc-300e7ce1b12e.png)