Você encontrou um kit de modelos no Envato Elements, baixou o ZIP e agora está olhando para o painel do WordPress se perguntando para onde ele vai É uma pergunta justa O Envato retirou seu plugin oficial do Envato Elements WordPress, então o antigo caminho de importação que muitos tutoriais ainda descrevem não existe mais.
A boa notícia: você pode importar qualquer kit de modelos Envato Elements com o Recurso de kits de modelo em complementos mestres, e ele lida com todo o trabalho Carregar o ZIP, importar cada página, construir o cabeçalho e rodapé, e publicar Nenhum plugin de importação extra necessário.
Este guia percorre todo o processo em um kit real (um kit SaaS chamado Klyro), incluindo as três etapas que a maioria dos tutoriais pula: atribuir o cabeçalho e o rodapé, alternar cada página para o layout Elementor Full Width e desativar as cores padrão do Elementor para que o design do kit realmente apareça.
O que você precisa antes de importar
- WordPress com o grátis Elementor plugin instalado
- Complementos Mestres para Elementor (versão gratuita funciona; veja o guia instalação se ainda não configurou)
- Um kit de modelos ZIP baixado de Elementos Envato ou TemaFloresta
Uma coisa a verificar antes de começar: quando baixar um kit da Envato Elements, não descompacte O importador espera o arquivo ZIP original Os usuários do Safari devem desligar os arquivos seguros do “Open após baixar o” nas configurações do Safari, ou o navegador descompacta o kit para você e quebra o upload.
Um tema leve como Hello Elementor funciona melhor debaixo de um kit de modelos, uma vez que o kit substitui quase tudo o que o tema normalmente renderizaria Se você ainda estiver escolhendo um, aqui está uma comparação do melhores temas WordPress leves para Elementor.
Passo 1: Abra Kits de Modelos em Complementos Mestres
Do seu painel WordPress, vá para Complementos Mestres → Kits de Modelos. Você verá a biblioteca de kits: mais de 30 kits de sites prontos que você pode importar com um clique, além de uma opção de upload para kits de fontes externas como o Envato Elements.
Os kits da biblioteca são úteis se você ainda não se comprometeu com um design Mas como você já tem um kit Envato, olhe para a linha de ícones no canto superior direito e clique no ícone upload.
Passo 2: Carregue o ZIP do kit Envato Elements
Clicar no ícone de upload abre a janela Upload Template Kit Arraste seu kit ZIP para dentro da caixa ou clique em Procurar arquivos e escolha-o na sua pasta de downloads. Apenas arquivos.zip são aceitos, que é exatamente o que o Envato oferece a você.
Master Addons carrega o arquivo, depois lê o kit e registra todos os modelos dentro dele Uma janela de progresso mostra cada estágio Mantenha a guia aberta até terminar, já que fechá-la no meio da importação pode deixar você com meio kit.
Passo 3: Importe os modelos do kit
Depois que o kit for lido, você verá tudo o que ele contém: Estilos globais do kit, Home, Cabeçalho, Rodapé, Sobre, Serviços, Blog, Detalhes do blog, Contate-nos e uma página 404 em nosso exemplo Klyro Cada modelo tem seu próprio botão Importar.
Duas dicas aqui:
- Importe estilos de kit globais primeiro. Esse modelo carrega as cores, fontes e configurações do site do kit Importando-o primeiro significa que cada página a seguir herda o estilo certo.
- Em seguida, importe o resto. Master Addons os coloca em fila e processa cada modelo com suas imagens, uma de cada vez.
Quando a corrida termina, você obtém uma tela de confirmação com a contagem total Neste caso, 9 modelos do kit Klyro pousaram no site.
Verificar Páginas no seu painel você encontrará as páginas importadas esperando: Klyro (Klyro) Home, Klyro (Klyro) (Blog), Klyro (Klyro 404), e assim por dianteHá até um MA importado filtre na parte superior da tela Páginas para que você possa ver exatamente o que o kit adicionou Se você precisar apenas de uma única página em vez de um kit inteiro, o processo para isso é abordado em nosso guia em como importar um modelo Elementor.
Passo 4: Adicione o cabeçalho e o rodapé com o criador de temas
Aqui é onde a maioria das importações vão para os lados O cabeçalho e rodapé do kit chegam como modelos salvos, mas nada os exibe no seu site ainda O cabeçalho padrão do seu tema ainda mostra Para corrigir isso, você os constrói como partes do tema usando o Construtor de temas Master Addons.
Ir para Complementos Mestres → Construtor de Tema e clique Adicionar Novo Modelo. No pop-up, nomeie-o “header” (ou qualquer coisa que você reconhecerá mais tarde), defina o Tipo de Modelo como Cabeçalho, e clique Editar com o Elementor.
Dentro do editor Elementor, abra a biblioteca de modelos (o ícone de pasta na tela), mude para o Modelos guia e encontre a seção Cabeçalho que acompanha seu kit. Clique Inserir e o cabeçalho do kit cai na tela, no menu e tudo.
Publique o modelo e repita as mesmas etapas do rodapé: novo modelo, digite Rodapé, inserir a secção Rodapé do kit da biblioteca, publicar.
Nas configurações de cada modelo você também encontrará um Condições guia e um Ativação alternar. Defina a condição como Site Inteiro e ligue a ativação, e o cabeçalho e o rodapé do seu kit agora são renderizados em todas as páginas documentação cabeçalho abrange as condições com mais detalhes e, se você quiser que o cabeçalho permaneça preso durante a rolagem, consulte como criar um cabeçalho pegajoso no Elementor. O mesmo Construtor de Tema também lida edição de rodapé em WordPress com Elementor sempre que precisar de o alterar mais tarde.
Etapa 5: defina cada página como largura total do elementador
Abra uma de suas páginas importadas no front-end e você pode notar dois problemas: o cabeçalho antigo do seu tema fica acima do cabeçalho do kit, e o conteúdo é espremido na coluna de conteúdo do tema Ambos vêm da mesma causa As páginas ainda estão usando o layout de página padrão do tema.
A correção leva trinta segundos com uma edição em massa:
- Ir para Páginas → Todas as Páginas
- Marque a caixa de seleção no topo da lista para selecionar todas as páginas
- Escolher Editar a partir do menu suspenso Ações em massa e clique em Aplicar
- No menu suspenso Modelo, escolha Elementor Largura Total
- Clique Atualizar
Elementor Full Width remove a barra lateral e o invólucro de conteúdo do tema, mas continua renderizando ganchos de tema, que é o que permite que seu novo cabeçalho e rodapé do Theme Builder exibam Uma atualização em massa e cada página importada usa o layout certo.
Passo 6: Desative as Cores e Fontes Padrão do Elementor
Este é o passo que quase todo mundo perde, e é por isso que os kits importados geralmente parecem ligeiramente errados: cores de links erradas, fontes de cabeçalho erradas, botões que não correspondem à demonstração Elementor aplica suas próprias cores e fontes padrão em cima do seu conteúdo, e eles substituem os estilos globais do kit.
Desligue-os:
- Ir para Elementor → Configurações no seu dashboard
- No Geral guia, carrapato Desativar as Cores Padrão
- Tick Desativar fontes padrão
- Salvar alterações
Com ambas as caixas marcadas, a Elementor herda cores e tipografia dos Estilos Globais de Kit do kit em vez de forçar a sua própria Recarregue uma página depois de salvar e você a verá encaixar no design da demonstração do Envato.
Passo 7: Defina sua página inicial e visualização
Últimos toques. Ir para Configurações → Leitura, defina “Sua página inicial exibe” para uma página estática e escolha a página inicial do kit. Em seguida, abra seu site.
Cabeçalho na parte superior, rodapé na parte inferior, herói de largura total, fontes e cores corretas A partir daqui é normal Edição Elementor: troque o texto demo e imagens para o seu próprio, ligue o formulário de contato e ajuste qualquer coisa que o kit errou para a sua marca Master Addons' mais de 80 widgets e extensões estão disponíveis no editor sempre que os elementos incorporados do kit não forem suficientes.
Por que usar complementos mestres em vez do plug-in de importação do kit de modelo?
Os documentos de ajuda do próprio Envato agora apontam os usuários para um plugin de importação independente, desde o plugin oficial Envato Elements foi descontinuado. Esse plugin importa modelos e para por aí Você ainda precisa de outra coisa para o cabeçalho e rodapé, o que geralmente significa comprar Elementor Pro para seu construtor de temas.
| Tarefa | Plug-in de importação do kit de modelo | Adições Mestres |
|---|---|---|
| Importar kit Envato ZIP | Sim | Sim |
| Biblioteca de kits pré-construída | Não | Mais de 30 kits incluídos |
| Construtor cabeçalho/rodapé | Não (precisa do Elementor Pro) | Sim, construído em |
| 404, arquivo, modelos únicos | Não | Sim, via Construtor de Tema |
| Widgets extras para personalizar o kit | Não | mais de 80 widgets e extensões |
Como os kits se apoiam fortemente em imagens, também vale a pena executar sua mídia importada através de um otimizador Grandes imagens de demonstração são a razão mais comum pela qual um kit novo parece lento; nosso guia sobre como acelerar os sites da Elementor cobre os ganhos rápidos O criador de temas e o upload de kits de modelos estão disponíveis em Master Addons Free e no Versão PRO desbloqueia a biblioteca completa de kits e widgets premium se você quiser.
Solução de problemas: Kit importado não se parece com a demonstração
- Cores ou fontes erradas: você pulou a Etapa 6. Desative as cores e fontes padrão do Elementor e, em seguida, recarregue a página.
- Cabeçalho do tema mostrando acima do cabeçalho do kit: a página ainda está no layout padrão do tema Defina-a como Elementor Full Width (Etapa 5) e certifique-se de que o cabeçalho do Theme Builder esteja ativado com uma condição de todo o site.
- Conteúdo preso em uma coluna estreita: mesma correção Elementor Full Width, não o modelo padrão do tema.
- Imagens ausentes: execute novamente a importação para esse modelo. Os hosts lentos às vezes passam o tempo com downloads de imagens no meio da importação.
- Estilos aplicados, mas layout quebrado: importe primeiro os estilos globais do kit e depois reimporte a página afetada para herdar as configurações do kit.
Perguntas frequentes
Posso importar kits de modelos Envato Elements sem o plugin Envato?
Sim. o plugin oficial do Envato Elements WordPress foi descontinuado, mas qualquer kit ZIP baixado do Envato Elements ou ThemeForest pode ser carregado através de Master Addons em Master Addons → Template Kits Ele importa todos os modelos, imagens e estilo global no kit.
Preciso do Elementor Pro para usar um kit de modelos Envato?
Normalmente não. A maioria dos kits são construídos para Elementor grátis Master Addons adiciona o construtor de cabeçalho e rodapé que o Pro forneceria de outra forma Verifique os requisitos do kit em sua página Envato, já que alguns kits usam widgets Elementor Pro como Forms.
Por que meu kit de modelo importado parece diferente da demonstração?
Duas causas comuns: as cores e fontes padrão do Elementor substituindo os estilos globais do kit, e páginas usando o layout do tema em vez da Largura Total do Elementor Desative as cores e fontes padrão nas configurações do Elementor e mude cada página importada para o modelo de Largura Total.
Como faço para obter o cabeçalho e o rodapé de um kit de modelos para mostrar no meu site?
Crie um modelo de Cabeçalho no Master Addons Theme Builder, insira a seção de cabeçalho do kit na biblioteca Elementor e publique-o com uma condição de exibição em todo o site Repita com um modelo de Rodapé Ambos então aparecem em todas as páginas automaticamente.
Os kits de modelos Master Addons são gratuitos?
O recurso de upload e vários kits na biblioteca são gratuitos Os kits Pro exigem uma licença Master Addons Pro, que também desbloqueia os widgets premium, e vem com uma garantia de devolução do dinheiro em 14 dias.
Embrulhando
Importar um kit de modelos Envato Elements se resume a sete etapas: fazer upload do ZIP em Master Addons Template Kits, importar Global Kit Styles primeiro, importar as páginas, construir o cabeçalho e o rodapé no Theme Builder, definir páginas em massa para Elementor Full Width, desativar as cores e fontes padrão do Elementor e definir sua página inicial Toda a execução leva cerca de dez minutos, e a maior parte disso é assistir às barras de progresso.
Pegue um kit que você gosta e, se ficar preso em algum lugar, o documentação de importação do kit de modelos e o guia de kits pré-construídos cubra cada tela em detalhes.
Leitura relacionada: Melhores temas Elementor para emparelhar com kits de modelos e como criar uma página de blog com Elementor assim que seu kit estiver ao vivo.
