Baixe um guia de estilo de predefinições globais GRATUITO para o pacote de layout para desenvolvedores de aplicativos da Divi
Publicados: 2020-08-03Ei Divi Nation! Obrigado por se juntar a nós na próxima edição de nossa Divi Design Initiative semanal, onde a cada semana, oferecemos novos brindes. Hoje, estamos compartilhando um guia de estilo predefinido global para o App Developer Layout Pack da Divi. As predefinições globais da Divi ajudam a acelerar seu processo de design da web em nenhum momento, e para ajudá-lo a acelerá-lo ainda mais rápido, forneceremos regularmente predefinições globais que são exclusivas para o pacote de layout, em um único layout. Você pode escolher se deseja carregar todas as predefinições globais de uma vez ou selecionar algumas específicas.
Confira as predefinições globais
Guia de estilo abaixo
Baixe gratuitamente hoje!
Baixe o Guia de estilo de predefinições globais para o pacote de layout do desenvolvedor de aplicativos
Para colocar suas mãos no guia de estilo de predefinições globais gratuito, primeiro você precisará baixá-lo usando o botão abaixo. Para obter acesso ao download, você precisará se inscrever em nossa lista de e-mail Divi Daily usando o formulário abaixo. Como um novo assinante, você receberá ainda mais bondade Divi e um pacote Divi Layout grátis toda segunda-feira! Se você já está na lista, basta inserir seu endereço de e-mail abaixo e clicar em download. Você não será “reinscrito” nem receberá e-mails extras.
Download de graça
Junte-se ao Divi Newsletter e nós lhe enviaremos por e-mail uma cópia do último pacote de layout de página de destino Divi, além de toneladas de outros recursos, dicas e truques Divi incríveis e gratuitos. Acompanhe e você será um mestre Divi em nenhum momento. Se você já está inscrito basta digitar seu endereço de e-mail abaixo e clicar em download para acessar o pacote de layout.
Você se inscreveu com sucesso. Por favor, verifique seu endereço de e-mail para confirmar sua assinatura e tenha acesso a pacotes de layout Divi semanais gratuitos!
Uma rápida visão geral das predefinições globais
A beleza do Divi é que ele oferece controle total sobre o design do seu site, usando uma ampla gama de configurações de design que você pode usar para personalizar a aparência de qualquer elemento ou módulo.
O novo sistema Divi Presets permite que você crie uma aparência personalizada para um elemento Divi (como um módulo de botão) e salve-o como um preset. Todas as alterações de projeto feitas são salvas na predefinição. Ao adicionar um novo módulo à sua página, você pode navegar pelas predefinições salvas e aplicá-las rapidamente.
Uma vez que uma predefinição tenha sido aplicada, o design padrão do módulo é controlado pela predefinição. Se você atualizar o estilo de uma predefinição, todos os módulos que usam essa predefinição também serão atualizados. Isso permite que você controle o design de todo o seu site usando uma pequena coleção de predefinições salvas. Além disso, ele economiza muito tempo ao adicionar novos módulos à sua página, já que você não precisa projetar cada novo módulo do zero, mas pode selecionar rapidamente uma aparência na biblioteca Divi Presets.
Como usar o Guia de estilo de predefinições globais
Opção A: upload automático de todas as predefinições globais de uma vez
Esta abordagem adicionará automaticamente todas as predefinições à sua biblioteca de predefinições de uma vez.
Vá para a Biblioteca Divi
Vá para a sua biblioteca Divi no backend do seu site WordPress.
Carregar layout com predefinições
Lá, clique no botão “Importar e Exportar” na parte superior.
Continue clicando na aba de importação e selecionando o arquivo JSON que você conseguiu baixar no início deste post. Para importar predefinições automaticamente, marque a caixa “Importar predefinições” também. Isso adicionará automaticamente cada predefinição a cada módulo.
Nomes de predefinições dentro da biblioteca de predefinições
Abaixo, você tem uma lista de todas as predefinições e seus nomes que foram adicionados aos seus módulos. A ordem é a mesma da tela de impressão abaixo. Você pode sempre voltar ao guia de estilo para referência.
- ADLP - H1 - 1
- ADLP - H2 - 1
- ADLP - H3 - 1
- ADLP - H4 - 1
- ADLP - Corpo - 1
- ADLP - Blockquote - 1
- ADLP - Link - 1
- ADLP - Texto - Todos - 1
- ADLP - Classificação do Texto 1 da Métrica
- ADLP - Botão 1
- ADLP - Botão 2
- ADLP - Botão 3
- ADLP - Botão 4
- ADLP - Botão 5
- ADLP - Botão 6
- ADLP - Blurb 1
- ADLP - Blurb 2
- ADLP - Blurb 3
- ADLP - Blurb 4
- ADLP - Blurb 5
- ADLP - Blurb 6
- ADLP - Blurb 7
- ADLP - Divisor 1
- ADLP - Divisor 2
- ADLP - Alternar 1
- ADLP - Alternar 2
- ADLP - Alternar 3
- ADLP - Contador Numérico 1
- ADLP - Social Media Follow 1
- ADLP - Formulário de Contato 1
Acesse a predefinição em novos módulos que você adicionar
Você pode acessar cada uma das predefinições carregadas abrindo ou adicionando um novo módulo, clique no item predefinido na parte superior e selecione uma predefinição de sua escolha.
Opção B: Transformando seletivamente os módulos do guia de estilo em predefinições globais
Com essa abordagem, você tem mais voz no que aparece em sua biblioteca de predefinições globais e no que não aparece. Os elementos serão fornecidos a você em um lugar e você pode escolher visualmente qual deles deseja transformar manualmente em uma predefinição global com um nome de sua escolha.
Vá para a Biblioteca Divi
Navegue até sua biblioteca Divi no backend do seu site WordPress.
Carregar layout sem predefinições
Em seguida, clique no botão “Importar e Exportar”.
Vá para a guia de importação e selecione o arquivo JSON que você conseguiu baixar no início desta postagem. Se você quiser escolher quais módulos transformar em predefinições globais, é importante deixar a caixa “Importar predefinições” desmarcada.
Abrir layout (ou criar nova página + upload de layout)
Agora, abra o layout que você acabou de enviar para sua biblioteca Divi clicando em “Editar”. Isso o redirecionará para o editor de layout. Como alternativa, você também pode optar por criar uma nova página e carregar seu layout nela.
Mudar para o Visual Builder
Se você escolher o editor de layout, mude para o Visual Builder.
Escolha um módulo que você deseja transformar em uma predefinição global e abra as configurações do módulo
Agora, analise todos os elementos e decida quais você deseja transformar em predefinições globais.
Transforme o Módulo em Predefinição Global nas Configurações
Digamos, por exemplo, que você queira transformar um dos Módulos de botão em uma predefinição global. Abra as configurações do Módulo de botão e clique na opção predefinida na parte superior.
Transforme as configurações do módulo em uma nova predefinição de estilos personalizados.
Nomeie a nova predefinição como quiser.
Repita as etapas para cada módulo que deseja incluir nas predefinições
Repita essas etapas para cada predefinição que deseja criar.
Crie uma paleta de cores personalizada com códigos de cores dentro do seu Divi Theme Builder
Vá para as opções do tema Divi
Os códigos hexadecimais no guia de estilo podem ser usados para criar uma paleta de cores personalizada que você poderá acessar rapidamente enquanto constrói suas páginas. Para adicionar a paleta de cores, vá para as Opções do tema Divi.
Personalize a paleta de cores usando códigos hexadecimais no guia de estilo
Adicione os códigos de cores HEX de sua escolha, que podem ser encontrados no guia de estilo, à paleta de cores padrão.
Dica: mantenha o guia de estilo em uma guia separada para copiar / colar estilos específicos (gradientes / sombra de caixa / borda / ...)
Por último, mas não menos importante, é uma ótima ideia sempre manter o guia de estilo em uma guia separada. Usar a opção de copiar-colar embutida e cruzada do Divi ajudará você a transferir rapidamente estilos, como fundos gradientes, de um elemento para outro!
Novos guias de estilo predefinidos globais todas as semanas!
Esperamos que você goste do guia de estilo predefinido global desta semana. Estamos ansiosos para ouvir suas opiniões na seção de comentários abaixo. Certifique-se de verificar novamente na próxima semana para mais brindes!