Como alinhar e organizar objetos dentro de uma página Wix

Um site que apresente conteúdo desalinhado ou “bagunçado” faz com que os visitantes pensem que o mesmo foi criado pelo sobrinho do proprietário, pois qualquer desorganização remete ao amadorismo.

A tempos atrás, quando a criação de um website era restrita a programadores e profissionais especializados, alinhar elementos era uma tarefa árdua, em que era necessário criar um DIV e definir valores de posicionamentos.

Atualmente, essa função se tornou algo simples, tanto em programas mais complexos, como o DreamWeaver, como em construtores de sites mais fáceis de mexer, como o Wix.

Alguns construtores que, apesar de oferecer o recurso de ‘Arrastar e Soltar‘, não permitem a movimentação livre dos objetos dentro da página, fazendo com que o alinhamento se torne pré-definido.

Já em editores como o Wix, onde a movimentação dos elementos é livre, o alinhamento pode ser feito por meio visual ou pelo uso de funções disponíveis no editor, como o recurso ‘Alinhar e Organizar’.

Como alinhar e organizar?

Vamos conhecer a ferramenta que faz o alinhamento de objetos e também a técnica que se deve usar para ter acesso a esta funcionalidade.

A função de alinhar só aparece quando os objetos que se desejar organizar estão selecionados.

Para isso, clique sobre o elemento e apertando a tecla Ctrl e, mantendo-a pressionada, clique sobre o outro elemento ao qual deseja alinhar.

Exemplo:

Desejo alinhar 3 elementos que se encontram ligeiramente desalinhados:

1. Primeiro, clico no elemento que será o ponto de referência, isto é, todos os outros elementos ficarão alinhados a esse elemento:

2. Aperto a tecla Ctrl e mantenho a pressionada:

3. Agora clico sobre os demais elementos que serão alinhados:

4. Imediatamente a função alinhar e organizar irá surgir:

5. Irei escolher uma das opções do segundo bloco, pois o primeiro bloco é para alinhar todos os elementos para a esquerda, centro ou direita, respectivamente.

Porém, meu objetivo é o alinhamento horizontal:

6. Para qualquer uma das 3 opções do segundo bloco o alinhamento será retilíneo:

Função ‘Distribuir’

Esse recurso distribui os elementos igualmente para que tenham o mesmo espaço horizontal ou vertical.

As 3 opções são, respectivamente:

  • Horizontal
  • Vertical
  • Ambos

Igualar tamanho

Esse recurso não é muito recomendado, pois as vezes ele faz com que a imagem fique destorcida.

Essa função, como o nome sugere, iguala o tamanho de todos os objetivos selecionados, para que fiquem, na ordem, com largura iguais, tamanho ou ambos:

É isso!

Basta repetir esse processo toda vez que você desejar alinhar os elementos do seu site.

Saiba mais sobre este projeto, aqui.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

X

65 milhões de pessoas, ONGs e empresas já criaram seus sites no Wix. Crie o seu AQUI

¤
Leia mais:
atendimento-online
Adicione um Atendimento Online em Português ao seu Site Wix

Fechar