Como criar variações de itens em sua nuvem Divi

Publicados: 2022-07-04

Uma das vantagens do Divi Cloud é a capacidade de ter várias variações do mesmo layout ao seu alcance. Crie facilmente várias versões de um layout com diferentes cores, fotos, tipografia e muito mais. Criar variações de itens é simples com o Divi Cloud. Neste post, veremos como criar variações de itens em sua nuvem Divi. Também exploraremos várias maneiras de criar as variações de um cabeçalho e discutiremos as práticas recomendadas para criar variações de itens.

Práticas recomendadas para variações de itens

Ao criar variações de itens, é importante saber facilmente se o item é uma variação, o que é uma variação e o que é diferente do original. Isso pode ser feito com nomes, categorias e tags. O Divi criará automaticamente o instantâneo para você, para que você possa ver o layout visualmente como uma miniatura e uma imagem maior na visualização Detalhes do layout.

Use nomes, categorias e tags que deixem claro que é uma variação de outro layout. Eles devem ser descritivos, para que você saiba do que o layout é uma variação e qual é a variação. Isso inclui adicionar a cor ou uma descrição de design semelhante ao nome. concentre-se nas principais diferenças.

Por exemplo, “cabeçalho mínimo (azul)” e “cabeçalho mínimo (branco)” são descritivos e mostram que são uma variação de um layout chamado “cabeçalho mínimo”. Eles também descrevem o que é diferente do original. Eles são curtos, simples e fáceis de entender de relance.

As variações que estou usando neste post são pequenas alterações. Não vou alterar as categorias, mas vou alterar as tags e usar nomes com descrições.

Criar o layout do cabeçalho

Começaremos com como adicionar um layout de cabeçalho ao Divi Cloud. Você pode usar um layout pré-fabricado ou criar o cabeçalho do zero. Estou usando o FREE Header & Footer for Electrical Services Layout Pack da Divi para meus exemplos. Chamarei este cabeçalho de Cabeçalho de Serviços Elétricos. Vou selecionar Cabeçalhos para a categoria e selecionar uma das duas tags.

Crie o cabeçalho no construtor de temas

Primeiro, crie o cabeçalho no Divi Theme Builder. Para obter mais informações sobre como usar o Divi Theme Builder, procure por “theme builder” no blog Elegant Themes. Você encontrará muitas postagens que o guiarão por vários aspectos do construtor de temas. O processo é simples, mas eu o dividi em etapas menores para mantê-lo gerenciável.

Primeiro, habilite o Visual Builder navegando até “Divi” > “Theme Builder” no painel do WordPress.
Construa o cabeçalho de uma das três maneiras. Selecione “Adicionar Cabeçalho Global”, adicione “Novo Modelo” ou escolha a opção “Portabilidade” e crie ou importe seu layout de cabeçalho.
Clique no ícone Editar para o cabeçalho que você deseja adicionar ao Divi Cloud.

Salve o cabeçalho na nuvem Divi

Em seguida, edite seu cabeçalho e salve o layout em seu Divi Cloud.

Clique no ícone roxo “Salvar na Biblioteca” na parte inferior da página.
Insira o nome do layout, selecione Salvar na nuvem e escolha suas categorias e tags.
Clique em “Salvar na Biblioteca”.
Feche o editor do Theme Builder.
Selecione “Salvar alterações” no canto superior esquerdo do Construtor de temas.

Criar variações de itens

Em seguida, criaremos duas variações do nosso cabeçalho original. Existem várias maneiras de criar variações de itens para o Divi Cloud. Veremos algumas opções diferentes.

Variação de Layout de Cabeçalho Um

Para nossa primeira variação, continuaremos trabalhando no Divi Theme Builder. Isso segue o processo de criação do layout do cabeçalho original. Duplicaremos páginas diferentes, como categorias, produtos, serviços, etc.

Duplique o modelo de cabeçalho

Primeiro, duplique o cabeçalho e atribua-o a um local.

Habilite o Visual Builder navegando até “Divi” > “Theme Builder” no painel do WordPress.
Selecione o ícone Duplicar acima do modelo global.
Escolha os locais que você deseja atribuir a este modelo no pop-up e clique em "Salvar" na parte inferior.

Salve a variação na nuvem Divi

Em seguida, edite o cabeçalho e salve-o na Divi Cloud.

Clique no ícone Editar para o cabeçalho que você deseja adicionar ao Divi Cloud.
Clique no ícone roxo “Salvar na Biblioteca” na parte inferior da página.
Insira o nome do layout, selecione Salvar na nuvem e escolha suas categorias e tags. Escolha nomes, categorias e tags que deixem claro que é uma variação de outro layout.
Clique em “Salvar na Biblioteca”.
Feche o editor do Theme Builder.
Selecione “Salvar alterações” no canto superior esquerdo do Construtor de temas.

Variação de Layout de Cabeçalho Dois

Para nossa segunda variação, duplicaremos o cabeçalho e o editaremos no Divi Cloud. Para isso, sairemos do Divi Theme Builder e usaremos o Visual Builder em qualquer página ou postagem do Divi.

Duplicar o layout do cabeçalho

Primeiro, você precisará carregar o layout no editor Divi Cloud.

Primeiro, ative o Visual Builder navegando para qualquer página no front-end do seu site Divi e clicando em “Ativar Visual Builder” na barra de ferramentas na parte superior da tela.
Clique no ícone de mais roxo na barra de ferramentas Divi na parte inferior da página para abrir a Biblioteca Divi.
Clique na guia na parte superior chamada "Seus layouts salvos".
Em seguida, visualize seus itens do Divi Cloud. Clique na caixa de seleção “My Divi Cloud” em Locais na barra lateral esquerda.
Localize o layout que deseja duplicar pesquisando, classificando ou filtrando os itens do Divi Cloud. Pesquise por palavras-chave ou favoritos, selecione categorias e/ou tags para filtrá-los ou classifique-os com base na hora, nome ou favoritos.
Clique com o botão direito do mouse no layout que deseja duplicar.
Selecione “Duplicar” no menu pop-up.
Como alternativa, você pode clicar com o botão direito do mouse na visualização na tela Detalhes do layout para abrir os itens do menu e clicar em “Duplicar” no menu pop-up.
Um modal será aberto onde você poderá selecionar os detalhes. Adicione um novo nome no campo "Nome do layout". Selecione as categorias desejadas para este layout ou adicione novas categorias. Selecione ou adicione novas tags. Digite o nome do layout, selecione “Salvar na Nuvem” e escolha suas categorias e tags. Escolha nomes, categorias e tags que deixem claro que é uma variação de outro layout.
Clique no botão de marca de seleção verde quando terminar. O layout é salvo automaticamente em seu Divi Cloud, para que você não precise salvar a página.

Edite o layout dentro da nuvem

Em seguida, faça suas alterações no layout do Divi usando o Divi Visual Builder. Isso funciona da mesma forma que o Visual Builder em qualquer página, exceto para salvar na biblioteca, configurações de página e portabilidade. O editor já está ativado, então você pode começar a fazer suas alterações.

Localize o layout que deseja editar pesquisando, classificando ou filtrando os itens do Divi Cloud. Pesquise por palavras-chave ou favoritos, selecione categorias e/ou tags para filtrá-los ou classifique-os com base na hora, nome ou favoritos.
Clique com o botão direito do mouse no layout que deseja editar.
Selecione “Editar com Divi” no menu pop-up. O layout será aberto em uma nova guia, em vez de uma página em seu site, com o Visual Builder ativado.
Como alternativa, você pode clicar com o botão direito do mouse na visualização na tela Detalhes do layout para abrir os itens do menu e clicar em “Editar com Divi” no menu pop-up.
Basta editar o layout com o Divi Builder normalmente. Adicione ou personalize seções, linhas, colunas, módulos, código etc.

Salve as alterações de variação de cabeçalho dentro da nuvem

Por fim, salve suas alterações. As edições são salvas automaticamente na Divi Cloud.

Clique em “Salvar item de nuvem” no canto inferior direito do layout para salvar as alterações.
Aguarde até que as alterações sejam salvas. As alterações são salvas na própria nuvem.
Feche a guia quando terminar de editar. Esta não é uma página em seu site, portanto, você não precisará sair do Visual Builder.

Pensamentos finais

Essa é a nossa visão de como criar variações de itens em seu Divi Cloud. O Divi facilita a criação de variações e o armazenamento na nuvem. Existem várias maneiras de criar variações. Independentemente do método usado, certifique-se de criar nomes descritivos e usar categorias e tags que ajudarão você a entender a variação rapidamente. O Divi Cloud é uma ótima maneira de armazenar várias variações para usar em qualquer site Divi.

Nós queremos ouvir de você. Você criou variações de itens no Divi Cloud? Deixe-nos saber sobre sua experiência nos comentários.