Este artigo irá guiá-lo passo a passo através do processo de masterizaçãoEditor do construtor de páginas WPBakeryUtilizado para renovar o tema Basel. Todos os passos e definições são explicados em pormenor, desde o Revolution Slider até à utilização de linhas (ROW).
A seguir, começaremos oficialmente
WPBakery Page Builder Editor começa a renovar o tema Basel
Passos Frontend do sítio Web → Editar com o Construtor de Páginas WPBakery
Como mostrado acima na página de edição do front-end, podemos ver que existem diferentes módulos, o acima mostra o slider de revolução (banner de cartaz)
Existem também funções como ROW e Column.
Deixe-me contar-lhe tudo sobre isso.
1. primeiro falamos sobre o seletor de revolução (Revolution Slider) Esta é a página inicial da função de cartaz, isto não está definido aqui, por isso não precisamos de o mover!
Como mostrado acima, aceda à página de edição
1. Interface do site de etapas → símbolo de caneta (editar)
Basta selecionar o modelo de cartaz (banner) a partir do qual importámos os dados de demonstração e já está!
2) ROW
3) Colunas
Linhas e colunas são basicamente o mesmo módulo, claro, pode colocar o módulo diretamente, mas não pode controlar o tamanho do módulo, bem como algumas das caraterísticas de visualização, falaremos sobre isso mais tarde!
ROW (linha) é o controlo de todo o módulo, independentemente do número de módulos que se encontrem no seu interior, ele é um todo, também se encontra no interior do todo em vez de ser um único, posteriormente falaremos da coluna (Coluna), verá.
Como demonstrado acima, pode arrastar todo o módulo
Linha de passos → Símbolo (expandir)
Linha de passo → Símbolo de caneta (editar)
Passos Definições de linhas→Geral
Como mostrado acima na página de edição, vou escrever uma explicação de algumas das funções básicas circuladas acima
Extensão da linha: pode ser interpretada como o tamanho de todo o módulo.
Esticar linha e conteúdo e Esticar linha e conteúdo (sem paddings) são de largura total (tudo incluído) e o conteúdo não é de largura total
A linha predefinida e a linha de estiramento são a diferença entre uma predefinição e um intervalo, que é a posição do centro.
Como mostra a imagem acima, pode ajustá-la de acordo com as suas necessidades reais
Espaço entre colunas: pode ser entendido como um espaço, a situação geral não precisa de ser alterada, mas se a parte da frente estiver mais cheia, ajustamos conforme necessário
Posição do conteúdo: a posição do conteúdo, normalmente a predefinida.
Como indicado acima, ajuste de acordo com a situação real, configure e lembre-se de Guardar as alterações para as guardar!
Passos Definições de linhas→Opções de design
Falemos das Opções de Design, onde o fundo e as cores são ajustados, bem como o espaçamento entre o topo, a base, a esquerda e a direita.
Cor da margem: a cor da margem
Estilo da margem: o estilo da margem (estilo)
Raio da margem: o intervalo da margem (geralmente não é necessário ajustar)
Não é necessário ajustar nenhum dos valores acima para casos simples
Fundo: a cor de fundo e a imagem de fundo a adicionar, bem como o efeito de visualização da imagem
Ajuste o fundo de todo o módulo de acordo com a situação atual, como mostrado acima
Se a imagem acima mostrar um ecrã sem fundo versus um ecrã com fundo
Definições da linha do passo→Caixa CSS
Como mostra a figura acima, aqui pode ajustar as folgas superior e inferior, bem como as folgas esquerda e direita, pode ser utilizado para a visualização frontal do ajuste, bem como o estilo do módulo, em geral, não precisa de ser ajustado, os módulos superior e inferior gerais serão utilizados no caso de congestionamento, o acima tem a moldura exterior foi ajustado dentro da moldura do módulo, geralmente ajustamos a margem fora da moldura da folga, pode adicionar um valor positivo ou um valor negativo, para alcançar a folga
Passo ROW → três símbolos (formato do número de linhas)
Disposição das linhas: selecione o número de linhas (exemplos mostrados acima: uma, duas, duas largas à esquerda, estreitas à direita e três), pode ver de acordo com o ícone
Introduza uma apresentação personalizada para a sua linha: pode adicionar o número de linhas você mesmo (o formulário molecular é ótimo)
Como o ícone por detrás da imagem acima significa →
+: adicione o módulo, clone a linha inteira, copie a linha, cole, feche, toda a gente percebe de acordo com os botões, bem como a tradução
O texto acima descreve a função do editor ROW do WPBakery Page Builder, vou falar mais sobre a função do editor para decorar o tema Basileia, este artigo descreve apenas algumas das funções básicas, mais adequadas para iniciantes, se você tiver um estudo mais aprofundado do tema decoração Basileia, bem-vindo para discutir comigo!
resumos
O texto acima é uma introdução aos recursos básicos do Row (ROW) no editor do WPBakery Page Builder. No próximo post, continuaremos a explicar mais recursos do editor para ajudá-lo a renovar totalmente o tema Basel, fique atento.