Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

Como instalar o Template Kit no WordPress

Como instalar kits de modelos no WordPress, passo a passo 

Escrito por: avatar do autor Stacey Corrin
avatar do autor Stacey Corrin
Stacey Corrin é especialista certificada em marketing de conteúdo e otimização de busca, com mais de 15 anos de experiência escrevendo sobre WordPress, SEO e marketing digital. Ela gerencia o conteúdo da SeedProd e da RafflePress, abordando ferramentas e estratégias que ela mesma utiliza e testa ativamente.
    
Avaliado por: avatar do revisor Turner John
avatar do revisor Turner John
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

Quer saber como instalar um kit de modelos no WordPress sem mexer no código?

Os kits de modelos oferecem tudo o que você precisa para criar um site WordPress personalizado rapidamente, sem necessidade de habilidades de desenvolvedor ou de codificação. Você pode lançar um site profissional em minutos apenas importando um kit e personalizando-o visualmente.

Neste guia, mostrarei a você como instalar um kit de modelos no WordPress, passo a passo, usando o método mais fácil para iniciantes.

Resumo rápido: Como instalar o Template Kit no WordPress

Você pode instalar um kit de modelos no WordPress em apenas algumas etapas. Aqui está uma visão geral rápida:

Abaixo, explicaremos cada etapa com capturas de tela e dicas profissionais.

Tutorial em vídeo

O que é um kit de modelo para WordPress?

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

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

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 vários nomes. Algumas empresas podem chamá-los de kits de sites ou modelos de sites, enquanto outras os chamam de modelos iniciais do WordPress. No entanto, em geral, eles fazem a mesma coisa: criam um site WordPress rapidamente sem código.

A pergunta que fica é: como escolher um kit de site e onde encontrá-lo?

Onde encontrar os melhores kits de modelos para WordPress

Os kits de modelos são um recurso essencial para muitos plug-ins do construtor de páginas do WordPress. Além de permitir que você crie páginas individuais do WordPress a partir do zero, eles geralmente têm a funcionalidade de design da Web sem código.

Aqui estão alguns dos melhores criadores de páginas do WordPress que oferecem kits de modelos para vários setores de negócios.

Construtor de sites WordPress SeedProd

SeedProd Construtor de sites WordPress de arrastar e soltar

O SeedProd é o melhor construtor de sites WordPress com mais de 1 milhão de usuários. Ele facilita a criação de qualquer site WordPress com sua interface amigável para iniciantes e seu editor de arrastar e soltar.

Você pode usar o SeedProd para:

Esse poderoso plug-in tem mais de 180 modelos de página de destino responsivos e uma biblioteca crescente de kits de sites profissionais que você pode instalar com um clique. Você pode personalizar cada kit de site facilmente adicionando formulários de opt-in, formulários de contato, tabelas de preços, galerias e muito mais.

O SeedProd se integra a plug-ins populares do WordPress, como MonsterInsights, WPForms e All in One SEO, para aprimorar seus esforços de marketing digital. Ele também ajuda a coletar endereços de e-mail, integrando-se aos melhores serviços de marketing por e-mail.

Comece a usar o SeedProd hoje mesmo.

Construtor de páginas Elementor

Página inicial do Elementor

O Elementor é outro construtor de páginas do WordPress com funcionalidade de arrastar e soltar. Ele funciona de forma semelhante ao SeedProd, permitindo que você use seu editor visual ao vivo para criar sites e páginas de destino sem contratar um desenvolvedor.

A biblioteca de modelos do Elementor inclui vários modelos e layouts de páginas de destino pré-criados para vários setores. Você também pode instalar o plugin Elementor templates kit, que permite instalar layouts de sites pré-criados no WordPress.

Embora existam muitos criadores de sites disponíveis, acreditamos que o SeedProd e o Elementor oferecem o melhor do mercado.

Dito isso, vamos ver agora como instalar kits de modelos no WordPress.

Como instalar o Template Kit no WordPress (passo a passo)

Neste tutorial, mostraremos a você como instalar kits de sites no WordPress usando o SeedProd. Escolhemos o SeedProd porque ele tem a instalação de kit de modelo mais rápida e a interface mais fácil.

Além disso, o SeedProd é leve e não apresenta inchaço, o que significa que não deixará seu site WordPress mais lento. Siga as etapas abaixo para instalar um kit de site do SeedProd.

Como os kits da SeedProd são chamados de Website Kits, usaremos essa terminologia a partir de agora.

Etapa 1: Instalar e ativar o plug-in SeedProd

A primeira etapa é fazer o download de uma cópia do plug-in do WordPress SeedProd. Para usar os Kits do SeedProd, você precisará de pelo menos um plano SeedProd Pro.

Obtenha o SeedProd Pro aqui.

Em seguida, faça login no painel de controle da sua conta SeedProd e clique na guia Downloads. Nessa página, você pode fazer o download do arquivo .zip do plug-in e copiar sua chave de licença Pro.

Localize sua chave de licença do SeedProd

Depois de fazer o download do SeedProd, navegue até Plugins " Adicionar novo na área de administração do WordPress e clique em Adicionar novo. A partir daí, clique no botão Escolher arquivo, selecione o arquivo do plug-in SeedProd e clique em Instalar agora.

Instalar um plug-in do WordPress

Na tela seguinte, clique no link Activate (Ativar ) para ativar o plug-in SeedProd em seu site do WordPress.

Ativar o plugin seedprod

Agora que o SeedProd está ativo, você pode ir para a página SeedProd " Settings e inserir a chave de licença que você copiou anteriormente. Depois de colá-la no campo License Key (Chave de licença), clique no botão Activate Key (Ativar chave).

Digite sua chave de licença do SeedProd

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

Etapa 2: Escolha um kit de modelo da biblioteca

Os kits de sites do SeedProd funcionam perfeitamente com o recurso Theme Builder. Para escolher um para seu site, vá para SeedProd " Theme Builder e clique no botão Themes (Temas ).

escolha um kit de site seedprod

Na tela seguinte, você verá a biblioteca de kits do site da SeedProd.

Biblioteca do kit do site da seedprod

Ele inclui uma variedade de designs limpos para vários setores comerciais, incluindo:

  • Carros e manutenção
  • Aplicativos móveis
  • Lojas de comércio eletrônico
  • Serviços profissionais
  • Restaurantes e cafeterias
  • Blogging e moda
  • Hipoteca e imóveis
  • Eventos e jogos
  • E mais.

Mostraremos como personalizá-los mais tarde, mas, por enquanto, passe o cursor sobre o kit desejado e clique no ícone de marca de seleção laranja.

como instalar o kit do site WordPress seedprod

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

  • Modelos de cabeçalho e rodapé
  • Modelos de página inicial e de blog
  • Modelos de página única e de postagem
  • Modelo CSS global
Peças do kit de modelo de site da Seedprod

Recentemente, ajudei uma amiga a criar um site para sua padaria usando o kit de modelos Café da SeedProd. Escolhemos um kit com um menu e um formulário de contato integrados e colocamos o site no ar em menos de uma hora, sem escrever uma única linha de código.

Se você escolher um kit de site com páginas adicionais, poderá encontrá-las acessando Pages " All Pages no seu administrador do WordPress. Veremos mais detalhes sobre a edição dessas páginas posteriormente.

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

Como importar um arquivo ZIP do Template Kit no WordPress

Como o SeedProd permite criar temas personalizados do WordPress, você pode criar facilmente seus próprios kits de sites para futuros projetos de web design. Essa é uma excelente maneira de otimizar seu fluxo de trabalho sem começar do zero para cada projeto.

Basta criar seu kit de site personalizado com o criador de temas e, em seguida, exportar o arquivo .zip como um tema personalizado do WordPress. Aqui está um guia passo a passo sobre como exportar um tema do SeedProd WordPress.

Agora você pode importar o kit para qualquer outro site com uma instalação ativa do SeedProd. Basta acessar SeedProd " Import/Export, clicar em Choose File (Escolher arquivo ) sob o título Import Theme Files (Importar arquivos de tema) e clicar no botão Import Theme Files (Importar arquivos de tema ).

Importar o arquivo zip do kit do site seedprod

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

Etapa 3: Habilite o Template Kit em seu site WordPress

Os modelos do SeedProd são desativados por padrão para garantir que ele não substitua seu tema atual antes que você esteja pronto. Certifique-se de substituir o conteúdo da demonstração pelo seu próprio conteúdo antes de concluir esta etapa (mostraremos como fazer isso mais adiante nesta publicação).

Para ativar o kit do seu site e substituir o tema atual do WordPress, acesse a página SeedProd " Theme Builder, localize o botão Ativar tema do SeedProd e coloque-o na posição "Ativado".

ativar o kit do site da seedprod

Agora você pode visualizar o kit do seu novo site no WordPress!

exemplo de kit de site wordpress seedprod

A instalação de kits de sites no WordPress com o SeedProd leva apenas alguns cliques. Agora veremos como editar e personalizar seu design com mais detalhes.

Como personalizar seu kit de modelos no WordPress

Depois de instalar um kit em seu site WordPress, você provavelmente desejará alterar algumas coisas. A seguir, mostraremos como personalizar diferentes partes do seu kit com o editor visual de arrastar e soltar do SeedProd.

Uma das primeiras coisas que você desejará alterar é o logotipo padrão do modelo. Para fazer isso, vá para SeedProd " Theme Builder, localize a parte do modelo Header e clique no link Edit Design.

editar modelo de cabeçalho do seedprod

O cabeçalho será aberto no editor visual, onde você poderá clicar, arrastar e soltar para personalizar o conteúdo.

Personalizar o cabeçalho do kit do site

Clique no logotipo padrão na visualização ao vivo para abrir as configurações no painel esquerdo. Em seguida, clique no ícone da lixeira para remover a imagem do logotipo.

Alterar o logotipo do seu site WordPress

Agora você pode carregar um logotipo personalizado da biblioteca de mídia do WordPress, adicionar um link personalizado à imagem e ajustar seu tamanho e alinhamento.

Aqui estão algumas outras coisas que você pode personalizar no modelo de cabeçalho:

  • Menu de navegação
  • Caixa de pesquisa
  • Links de mídia social

Quando estiver satisfeito com suas personalizações, clique no botão Save (Salvar) no canto superior direito. Agora você pode conferir seu novo cabeçalho no front-end do site.

Exemplo de cabeçalho personalizado do WordPress

Personalizando seu conteúdo

Os modelos do SeedProd vêm com conteúdo de demonstração para facilitar a visualização do site finalizado. No entanto, você precisará substituir esse conteúdo por informações sobre sua empresa, produtos ou serviços.

Por exemplo, usei o kit de modelos do Freelancer para criar páginas de destino rápidas para projetos de portfólio. Em vez de começar do zero, basta trocar o texto e as imagens e publicar. É perfeito para trabalhos paralelos ou trabalhos para clientes.

Você pode substituir o conteúdo padrão facilmente usando os mesmos princípios da personalização do conteúdo do cabeçalho.

Peças do modelo

Por exemplo, para personalizar sua página inicial do WordPress, clique no link Edit Design no modelo Homepage. Em seguida, você pode personalizar cada parte do design no editor visual.

personalizar o modelo da página inicial do kit do site

Por exemplo, ao clicar em qualquer título, você pode editar o texto do título diretamente na visualização ou no painel de configurações de conteúdo.

editar os títulos do kit do site

Você também pode alterar as imagens, como fez com seu logotipo, e editar os botões de call-to-action para aumentar os cliques e as conversões.

personalizar botões de modelos de sites

Dica profissional: Os blocos de botões do SeedProd têm modelos predefinidos para facilitar o estilo. Clique na guia Templates (Modelos ) no painel Settings (Configurações) e selecione qualquer estilo de botão com um único clique.

Modelos Seedprod para botões cta

Páginas de conteúdo

Você deve editar as páginas de conteúdo, como as páginas Sobre, Contato e Serviços. Como essas páginas não são partes do modelo, você pode encontrá-las acessando Páginas " Todas as páginas no administrador do WordPress.

editar páginas de conteúdo com o seedprod no WordPress

A partir daí, clique no link Edit with SeedProd para abrir a página no editor visual.

editar a página de contato com o seedprod

A personalização da página funciona da mesma forma que antes. Você pode clicar em qualquer lugar da visualização para editar e arrastar blocos do menu de blocos para adicionar mais elementos à página.

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

adicionar bloco de formulário de contato da seedprod

Como editar as configurações do kit de modelo global

Talvez você também queira personalizar as fontes e cores do modelo para que correspondam à marca de sua pequena empresa. Isso é fácil de fazer com as configurações CSS globais do SeedProd.

No painel do Theme Builder, clique no link Edit Design no modelo Global CSS para abri-lo no editor visual.

Agora você pode ajustar o estilo dos elementos em todo o seu site. Basta expandir um título e alterar as configurações de acordo com suas necessidades.

Configurações globais de css do SeedProd

Por exemplo, você pode escolher cores personalizadas para links, botões, texto e planos de fundo. Você também pode personalizar a tipografia, os botões, o layout e o CSS personalizado do seu site para aplicar as alterações em todo o site automaticamente.

Perguntas frequentes sobre a instalação de kits de modelos do WordPress

Preciso de um plug-in para instalar um kit de modelos no WordPress?
Sim. A maioria dos kits de modelos é projetada para funcionar com um plug-in específico de criação de páginas, como o SeedProd ou o Elementor. Essas ferramentas facilitam a importação e a personalização de kits com o recurso de arrastar e soltar.
Posso instalar um kit de modelos sem usar o Elementor?
Sem dúvida. Você pode usar outros construtores, como o SeedProd, que oferece uma instalação rápida e sem código do kit de modelos e um editor visual amigável para iniciantes.
Onde posso encontrar kits de modelos para WordPress?
Os kits de modelos estão disponíveis em plug-ins como SeedProd e Elementor, ou você pode encontrá-los em mercados como o Envato Elements. Com o SeedProd, você tem acesso a uma biblioteca crescente de kits de instalação com um clique.
A instalação de um kit de modelo apagará meu conteúdo atual?
Não imediatamente. Ferramentas como o SeedProd permitem que você visualize e personalize um kit antes de ativá-lo. Apenas certifique-se de fazer o backup de seu site primeiro e substituir o conteúdo da demonstração antes de colocá-lo no ar.
Posso usar o mesmo kit de modelo em vários sites?
Sim, desde que sua licença permita isso. Com o SeedProd Pro, por exemplo, você pode exportar seu kit de modelos personalizados e reutilizá-lo em outros sites do WordPress.

Próximas etapas

Como você pode ver, o SeedProd facilita a personalização de qualquer parte do seu site WordPress sem precisar aprender a programar ou contratar um desenvolvedor.

Espero que você tenha gostado deste artigo e que ele o tenha ajudado a aprender como instalar kits de modelos no WordPress.

Aqui estão alguns outros guias que podem ser úteis para o site da sua empresa:

Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, sinta-se à vontade para participar da conversa no YouTube, X e Facebook para obter mais conselhos úteis e conteúdo para expandir seus negócios.

avatar do autor
Stacey Corrin Especialista em Marketing de Conteúdo
Stacey Corrin é especialista certificada em marketing de conteúdo e otimização de busca, com mais de 15 anos de experiência escrevendo sobre WordPress, SEO e marketing digital. Ela gerencia o conteúdo da SeedProd e da RafflePress, abordando ferramentas e estratégias que ela mesma utiliza e testa ativamente.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.