Como Instalar um Kit de Modelo WordPress em Menos de Uma Hora (Sem Código) 

Você encontrou um kit de modelo que gosta e quer colocá-lo no ar no WordPress sem mexer em código. Ou você já baixou um da Envato ou Elementor e está olhando para um arquivo ZIP sem ideia de onde ele vai.

De qualquer forma, isso é possível em alguns cliques. Recentemente, criei um site para a padaria de um amigo com o kit Café do SeedProd e ele estava no ar em menos de uma hora, sem código. Neste guia, mostrarei como instalar um kit de modelo no WordPress para ambas as opções.

O que é um Kit de Modelos WordPress?

Os kits de modelos WordPress são uma coleção de modelos de página e elementos pré-projetados que permitem criar um site sem código. Eles têm um design moderno que você pode personalizar para se adequar à identidade visual da sua marca comercial visualmente com arrastar e soltar.

Os kits de modelos incluem tudo o que você precisa para criar um site WordPress totalmente responsivo. Por exemplo, eles consistirão em:

• Página do blog
• Página inicial
• Cabeçalho
• Rodapé
• Página Sobre
• Página de Contato

Dependendo dos recursos do kit, ele também pode incluir outras páginas para serviços, portfólio, equipe, depoimentos e muito mais.

Esses kits também podem ter muitos nomes. Algumas empresas podem chamá-los de kits de sites, ou modelos de sites, enquanto outras os chamarão de modelos iniciais do WordPress. Eles geralmente fazem a mesma coisa: construir um site WordPress rapidamente sem código.

Como Instalar um Kit de Modelo no WordPress (Passo a Passo)

A rota mais rápida para a maioria dos iniciantes é um Kit de Site SeedProd, que é instalado em alguns cliques diretamente do seu painel. SeedProd é um construtor de sites de arrastar e soltar com mais de 1 milhão de usuários, e possui uma biblioteca crescente de kits de sites profissionais que você pode instalar com um clique.

Este foi o método que usei para o site da padaria, no ar em menos de uma hora sem escrever uma linha de código. Se você já baixou um kit da Envato ou Elementor, pule para a seção de importação de ZIP abaixo.

Como os kits do SeedProd são chamados de Kits de Sites, usarei essa terminologia a partir de agora. Siga os passos abaixo para instalar um.

Etapa 1: Instale e Ative o Plugin SeedProd

O primeiro passo é baixar uma cópia do plugin SeedProd para WordPress. Para usar os Kits de Sites do SeedProd, você precisará de pelo menos um plano SeedProd Plus, que é o nível onde o Theme Builder e os Kits de Sites Completos são desbloqueados.

Obtenha o SeedProd aqui.

Faça login no painel da sua conta SeedProd e clique na aba Downloads. Nesta página, você pode baixar o arquivo .zip do plugin e copiar sua chave de licença.

Após baixar o SeedProd, vá para Plugins » Adicionar Novo na área administrativa do seu WordPress e clique em Adicionar Novo. A partir daí, clique no botão escolher arquivo, selecione o arquivo do plugin SeedProd e clique em Instalar Agora.

Na tela seguinte, clique no link Ativar para habilitar o plugin SeedProd no seu site WordPress.

Agora que o SeedProd está ativo, vá para a página SeedProd » Configurações e insira a chave de licença que você copiou anteriormente. Após colá-la no campo Chave de Licença, clique no botão Ativar Chave.

Com sua chave de licença ativa, é hora de instalar um kit de site.

Passo 2: Escolha um Kit de Modelo da Biblioteca

Os kits de site do SeedProd funcionam com o recurso Theme Builder. Para escolher um para o seu site, vá para SeedProd » Theme Builder e clique no botão Temas.

Na tela seguinte, você verá a biblioteca de kits de site do SeedProd. Ela inclui designs limpos para várias indústrias de negócios, incluindo:

• Carros e manutenção
• Aplicativos móveis
• Lojas de comércio eletrônico
• Serviços profissionais
• Restaurantes e cafés
• Blogs e moda
• Financiamento imobiliário e imóveis
• Eventos e jogos

Mostrarei como personalizá-los mais tarde, mas por enquanto, passe o cursor sobre o kit que você gosta e clique no ícone de marca de verificação laranja.

O SeedProd adicionará o kit completo ao seu painel do construtor de temas como uma lista de partes de modelo personalizáveis. Dependendo do kit que você escolher, ele incluirá:

• Modelos de cabeçalho e rodapé
• Modelos de página inicial e blog
• Modelos de página e postagem única
• Modelo CSS global

Esta é a parte do processo que eu acho genuinamente rápida. Para aquele site de padaria, escolhi um kit com um menu e formulário de contato integrados, e todo o layout estava pronto antes que eu terminasse meu café.

Se você escolher um kit de site com páginas extras, poderá encontrá-las indo para Páginas » Todas as Páginas no seu administrador do WordPress. Cobrirei a edição delas com mais detalhes mais tarde.

Observação: Se você instalar um kit de site de comércio eletrônico, precisará de uma licença SeedProd Elite e do plugin WooCommerce ativo.

Como Reutilizar um Kit SeedProd em Outro Site

Como o SeedProd permite que você crie temas personalizados do WordPress, você pode criar seus próprios kits de site e reutilizá-los em projetos futuros. Isso economiza o trabalho de começar do zero a cada vez.

Crie seu kit personalizado com o construtor de temas, depois exporte o arquivo .zip como um tema personalizado do WordPress. Aqui está um guia sobre como exportar um tema do SeedProd para WordPress.

Você pode então importar o kit para qualquer outro site com uma instalação ativa do SeedProd. Vá para SeedProd » Importar/Exportar, clique em Escolher Arquivo em "Importar Arquivos de Tema" e clique no botão Importar Arquivos de Tema.

Após alguns segundos, você verá uma notificação verde dizendo que a importação foi bem-sucedida.

Etapa 3: Ative o Kit de Modelo no Seu Site WordPress

Os modelos do SeedProd são desativados por padrão para não sobrescrever seu tema atual antes que você esteja pronto. Substitua o conteúdo de demonstração pelo seu antes de concluir esta etapa (mostrarei como abaixo).

Para tornar seu kit de site ativo e sobrescrever seu tema do WordPress atual, vá para a página SeedProd » Theme Builder, encontre o controle deslizante Ativar Tema SeedProd e mude-o para a posição "Ligado".

Agora você pode visualizar seu novo kit de site no WordPress.

Instalar kits de site no WordPress com o SeedProd leva apenas alguns cliques. Em seguida, cobrirei a outra opção, importando um kit que você baixou do Envato ou Elementor.

Como Instalar um ZIP de Kit de Modelo Envato ou Elementor

Se você chegou com um kit já baixado do Envato Elements ou criado para o Elementor, você o importa com um plugin gratuito chamado Template Kit Import. Ele lê o ZIP, configura os templates e informa quais plugins o kit precisa para funcionar.

Uma coisa a saber é que a Envato descontinuou seu próprio plugin de kit de templates Elements, então a antiga rota que muitos guias mais antigos descrevem não funciona mais. O caminho atual é o plugin gratuito Template Kit Import no wordpress.org.

Para instalá-lo, vá em Plugins » Adicionar Novo, procure por “Template Kit Import”, então instale e ative-o. Assim que estiver ativo, vá em Ferramentas » Template Kit e envie seu arquivo ZIP.

O importador escaneia o kit e lista quaisquer plugins necessários (geralmente Elementor e um add-on específico do kit). Instale esses primeiro, então execute a importação novamente para trazer os templates.

O que fazer quando um kit é importado em branco ou com erros

Uma importação em branco ou falha quase sempre se resume a um plugin necessário ausente. A ferramenta de importação sinaliza esses itens no topo da tela, então instale tudo o que ela lista e reimporte.

Especificamente para kits do Elementor, verifique se a configuração do contêiner flex corresponde ao que o kit foi criado. Se os layouts parecerem quebrados após a importação, essa incompatibilidade é geralmente a causa, e alternar a configuração antes de reimportar o corrige.

Como Personalizar Seu Kit de Modelo no WordPress

Após instalar um kit, você provavelmente vai querer mudar algumas coisas. Com o editor visual de arrastar e soltar do SeedProd, as três coisas que você vai mexer primeiro são o logo, o conteúdo da página e suas cores e fontes globais.

Adicione o logo do seu site. Vá em SeedProd » Theme Builder, encontre a parte do template Header e clique no link Edit Design.

O cabeçalho abre no editor visual, onde você pode clicar, arrastar e soltar para personalizá-lo.

Clique no logo padrão na pré-visualização ao vivo para abrir suas configurações no painel esquerdo, então clique no ícone de lixeira para remover a imagem do logo. Agora você pode enviar um logo personalizado da sua biblioteca de mídia, adicionar um link para a imagem e ajustar seu tamanho e alinhamento.

Você também pode personalizar o menu de navegação, a caixa de pesquisa e os links de mídia social aqui. Quando estiver satisfeito, clique no botão Save no canto superior direito e verifique o novo cabeçalho na parte frontal do seu site.

Substitua o conteúdo de demonstração. Os kits vêm com conteúdo de demonstração para que você possa visualizar o site finalizado, mas você precisará trocá-lo pelos detalhes do seu próprio negócio. Eu usei o kit de templates Freelancer para criar páginas de destino rápidas para projetos de portfólio.

Em vez de começar do zero, eu apenas troco o texto e as imagens e publico. É perfeito para trabalhos paralelos ou para clientes, e usa os mesmos princípios de personalizar o cabeçalho.

Para personalizar sua página inicial do WordPress, clique no link Edit Design no template Homepage. Clicar em qualquer título permite que você edite o texto diretamente na pré-visualização ou no painel de configurações de conteúdo.

Você pode trocar imagens da mesma forma que fez com o logo e editar os botões de call-to-action para aumentar cliques e conversões.

Dica Pro: Os blocos de Botão do SeedProd têm modelos pré-fabricados para facilitar a estilização. Clique na aba Modelos no painel de Configurações e selecione qualquer estilo de botão com um único clique.

Para páginas de conteúdo como Sobre, Contato e Serviços, vá em Páginas » Todas as Páginas no seu admin do WordPress, já que estas não são partes de modelo.

Clique no link Editar com SeedProd para abrir a página no editor visual. A personalização funciona da mesma forma: clique em qualquer lugar na prévia para editar e arraste blocos do menu de blocos para adicionar mais elementos.

Por exemplo, você pode remover o bloco de formulário de optin com o ícone de lixeira e, em seguida, arrastar o bloco Formulário de Contato para adicionar seu formulário de contato do WPForms formulário de contato.

Defina suas cores e fontes globais. Para combinar sua marca em todo o site, clique no link Editar Design no modelo CSS Global no painel do Theme Builder. Expanda um cabeçalho e altere as configurações para atender às suas necessidades.

Você pode escolher cores personalizadas para links, botões, texto e fundos, e definir sua tipografia, layout e CSS personalizado. As alterações são aplicadas automaticamente em todo o seu site.

Perguntas Frequentes sobre a Instalação de Kits de Modelos WordPress

Como instalo um kit de modelo ZIP do Envato ou Elementor no WordPress?

Instale o plugin gratuito Template Kit Import do wordpress.org, depois vá em Ferramentas » Template Kit e carregue seu arquivo ZIP. O importador lê o kit e lista quaisquer plugins que ele precisa.

Instale primeiro esses plugins necessários, depois execute a importação novamente para trazer os modelos.

O plugin de kit de modelo Envato não existe mais, como importo um kit agora?

A Envato descontinuou seu próprio plugin de kit de modelo Elements, então instruções antigas não se aplicam mais. A rota atual é o plugin gratuito Template Kit Import no wordpress.org.

Instale e ative-o, depois carregue seu ZIP do kit em Ferramentas » Template Kit.

Por que meu kit de modelo está importando em branco ou mostrando requisitos ausentes?

Uma importação em branco ou falha geralmente significa que um plugin necessário ainda não foi instalado. A ferramenta de importação sinaliza isso no topo da tela, então instale tudo o que ela lista e reimporte.

Para kits do Elementor, um layout quebrado geralmente se resume à configuração do contêiner flex não corresponder ao que o kit espera.

Os kits de modelo funcionam com o editor de blocos sem um construtor de páginas?

A maioria dos kits de modelo são criados para um construtor específico como SeedProd ou Elementor, então você os instala através desse plugin em vez do editor de blocos padrão. "Padrões" baseados em blocos existem no núcleo do WordPress, mas não são o mesmo que kits completos.

Para um kit sem código que instala em alguns cliques, um construtor como SeedProd é o caminho mais simples.

A instalação de um kit de modelo apagará meu conteúdo atual?

Não imediatamente. Ferramentas como SeedProd permitem que você visualize e personalize um kit antes de ativá-lo. Apenas faça backup do seu site primeiro e substitua o conteúdo de demonstração antes de ir ao ar.

Posso usar o mesmo kit de modelo em vários sites?

Sim, desde que sua licença permita. Com o SeedProd Pro, por exemplo, você pode exportar seu kit de modelo personalizado e reutilizá-lo em outros sites WordPress.

Próximos Passos

Você começou com um kit e nenhum caminho claro para colocá-lo no ar, e agora você tem um, sem necessidade de código. O SeedProd torna fácil personalizar qualquer parte do seu site WordPress sem aprender a codificar ou contratar um desenvolvedor.

Comece com o SeedProd Hoje

Aqui estão alguns outros guias que podem ser úteis para o site do seu negócio:

• Como Criar Divisores de Seção Elegantes para Sites WordPress
• Como Criar uma Página de Blog no WordPress
• Como personalizar facilmente sua página de loja WooCommerce

Obrigado por ler! Adoraríamos saber sua opinião, então sinta-se à vontade para participar da conversa no YouTube, X e Facebook para mais conselhos e conteúdo úteis para expandir seus negócios.