Ú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: imagem do autor Stacey Corrin
imagem do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
     Avaliado por: John Turner
imagem do revisor John Turner
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.

Deseja saber como instalar kits de modelos no WordPress?

A criação de um site WordPress personalizado normalmente envolve a contratação de um desenvolvedor ou o aprendizado de códigos. No entanto, os kits de modelos permitem que você crie sites WordPress totalmente personalizáveis e sem código.

Neste artigo, mostraremos a você como instalar kits de modelos no WordPress para criar um site profissional em minutos.

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 visualmente à marca da sua empresa 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, eles geralmente 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?

Escolhendo 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

Construtor de sites WordPress SeedProd

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 kits de site no WordPress com o SeedProd

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 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 site

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

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.

Importação de um arquivo .zip do Website Kit no SeedProd

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 seu kit do site SeedProd

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.

Personalização do kit do site

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.

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

Edição das 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.

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.

Próximas etapas

Esperamos 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, fique à vontade para deixar um comentário com perguntas e feedback.

Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

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.