na utilização deTema AvadaQuando se trata do layout da página inicial, muitos novatos podem ficar confusos, especialmente na seleção e configuração de contêineres e módulos. Comparado com outros construtores de páginas, como Elementor e WPBakery Page Builder, o editor embutido do tema Avada fornece uma maneira mais intuitiva e eficiente de layout. Neste post, explicaremos em detalhes como fazer o layout da página inicial no Avada para ajudá-lo a começar rapidamente e dominar as habilidades das configurações de contêineres e módulos.
Passos: Frontend do sítio Web→Editar em direto→ADICIONAR COLUNAS
Na primeira página, podemos ver este símbolo colocado no centro e à direita, por isso, como é que escolhemos?
Se estiver a adicionar a linha que tem agora, clique em Adicionar no centro
Se pretender acrescentar algo abaixo, clique no símbolo de adição no lado direito
Se pretender definir as definições actuais para os contentores desta coluna, selecione o símbolo da caneta do lado direito
Depois, haverá uma definição de contentor correspondente, como a largura, o estilo, o espaçamento e o dispositivo a apresentar, etc.!
Como mostrado acima, o tema Avada vem com o editor, para o ajuste do quadro externo e interno, ele é visual, para o editor elmentor e WPBakery Page Builder, mas também precisa clicar e, em seguida, configurar o interior avançado, pode ser muito conveniente!
No caminho, o azul é a moldura interior, o roxo é a moldura exterior, é diretamente puxável, tanto para cima como para baixo ou em ambos os lados, este ponto ainda está muito bem feito!
Depois de o adicionar, aparecerá uma janela de pop-up para selecionar o estilo do contentor (como mostrado abaixo)
Acho que também é um bom design, ele não permite que os módulos sejam autónomos, um contentor tem de controlar o módulo, mas o elmentor e o editor do WPBakery Page Builder são os únicos que permitem que os módulos sejam autónomos!
estilo basicamente coberto, não precisa configurar manualmente o arranjo novamente, a vantagem é que não há necessidade de se preocupar com seus próprios contêineres terá um mau arranjo do efeito, eu estou falando sobre se há mais de quatro colunas ou mais, onde basicamente coberto, não há necessidade de ir para configurar manualmente o recipiente, mas elmentor e WPBakery Page Builder editor é capaz de ir para o seu próprio para adicionar mais recipientes, é claro! Há mais incontrolável, como o arranjo da distorção ou exibição front-end não é puro, é claro, este espaço personalizado é maior!
Como mostrado acima, adicionamos um contentor 1/1, também num esquema de contentor, e depois clicamos em adicionar módulo, (como mostrado abaixo)
Se não tiver a sensação de que existem demasiados módulos, então, se tiver um certo grau de proficiência, pode tentar o canto superior direito da pesquisa, claro, o conselho de novato ainda está nesta página para encontrar, mais ação!
Este é o bloco de texto, ou módulo de texto, que é também o mais utilizado
Clique no símbolo da caneta no meio (editar). Note que todos os lados são definições de contentores, se for um módulo clique no do meio
Passos: Frontend→Editar em direto→ADICIONAR COLUNAS→Bloco de texto
Depois, há uma série de definições, conteúdo do texto, posição do texto e apresentação do dispositivo
Não é recomendável, pois pode estragar o esquema.
Se quiser obter uma coluna de mais do que uma, diretamente com o contentor da disposição de várias colunas na linha, isto é mais compatível, não haverá definições de front-end que não sejam compatíveis com a situação!
É claro que em Design (desenho) também terá as definições de cor de fundo e distância interior, de acordo com a situação real para
Módulo de botões de pressão
Passos: Frontend do sítio Web→Editar em direto→ADICIONAR COLUNAS→Botão
Em seguida, podemos definir algumas informações do botão no lado esquerdo, como a hiperligação, o texto do botão, o formato do salto do botão, etc. (como mostrado abaixo).
Se não compreender o significado de cada definição, pode verificar se os pontos de interrogação correspondentes estão explicados, o que é o pormenor de um bom tema!
Design: Aqui pode definir o estilo do botão, bem como o ícone, o tamanho do botão, etc.
Passos: Frontend do sítio Web→Editar em direto→ADICIONAR COLUNAS→imagem
Módulo de imagem
Clique em Editar e, em seguida, substitua a imagem, carregue-a na biblioteca multimédia ou localmente e adicione a ligação para completar o salto de imagem básico!
Em Design (conceção), o processamento pode ser ajustado à largura e posição máximas, etc., existe uma imagem que pode ser colocada no exterior, pode compreender uma imagem de controlo de contentor, é uma máscara, ou bastante interessante!
Também pode definir a posição desta máscara, o tamanho, se a imagem é duplicada, etc.
Legenda, também pode criar uma legenda para a imagem.
Existem vários tipos com diferentes posições de cabeçalho, que podem ser escolhidos de acordo com a sua situação real
Vermelho porque a cor de fundo está definida para vermelho
Como se pode ver acima, o
Todos os módulos são animados na última definição (Extras)
O seguinte pode ser ignorado, alguns módulos não o têm
resumos
Com este tutorial, tenho a certeza de que ficou a conhecer melhor a disposição da página inicial do tema Avada. Desde a seleção de contentores até à configuração de módulos, vemos como o editor Avada simplifica o funcionamento do layout. Se esta edição foi útil para si, fique atento, pois continuaremos a explicar mais dicas e truques sobre o tema Avada na próxima edição para o ajudar a criar sites profissionais com mais flexibilidade.