Como instalar kits de modelos no WordPress passo a passo

Publicados: 2022-07-28

Quer aprender a instalar kits de templates no WordPress?

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

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

O que é um kit de modelos do WordPress?

Os kits de modelos do WordPress são uma coleção de modelos e elementos de página pré-projetados que permitem criar 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 consistirão em:

  • Página do blog
  • Pagina inicial
  • Cabeçalho
  • Rodapé
  • Sobre a página
  • Página de contato

Dependendo dos recursos do kit, ele também pode incluir outras páginas de 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 outros os chamam de modelos iniciais do WordPress. No entanto, eles normalmente fazem a mesma coisa: construir um site WordPress rapidamente sem código.

A questão permanece; como você escolhe um kit de site e onde você pode encontrá-lo?

Escolhendo os melhores kits de templates WordPress

Os kits de modelo são um recurso essencial para muitos plugins de construtor de páginas do WordPress. Além de permitir que você crie páginas individuais do WordPress do zero, elas geralmente têm a funcionalidade de web design sem código.

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

Construtor de sites WordPress SeedProd

SeedProd WordPress website builder

SeedProd é o melhor construtor de sites WordPress com mais de 1 milhão de usuários. Torna a construção de qualquer site WordPress sem esforço com sua interface amigável para iniciantes e editor de arrastar e soltar.

Você pode usar o SeedProd para:

  • Crie sites WordPress completos sem código
  • Crie um tema WordPress personalizado do zero
  • Crie landing pages de alta conversão
  • Crie sites WooCommerce
  • Coloque o WordPress em modo de manutenção
  • Criar uma página em breve
  • Personalize sua página de login do WordPress
  • E mais

Este 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 1 clique. Você pode personalizar cada kit de site facilmente adicionando formulários de inscrição, formulários de contato, tabelas de preços, galerias e muito mais.

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

Comece hoje mesmo com o SeedProd.

Construtor de Páginas Elementor

Elementor homepage

O Elementor é outro construtor de páginas do WordPress com funcionalidade de arrastar e soltar. Ele funciona de maneira 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 Elementor inclui vários modelos e layouts de página de destino pré-criados para vários setores. Você também pode instalar o plug-in do kit de modelos Elementor, que permite instalar layouts de sites pré-fabricados no WordPress.

Embora muitos construtores de sites estejam disponíveis, achamos que o SeedProd e o Elementor oferecem o melhor do mercado.

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

Como instalar kits de sites no WordPress com SeedProd

Para este tutorial, mostraremos como instalar kits de sites no WordPress usando o SeedProd. Escolhemos o SeedProd porque ele possui a instalação mais rápida do kit de modelos e a interface mais fácil.

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

  • Etapa 1. Instale e ative o SeedProd
  • Etapa 2. Escolha um kit de site
    • Etapa 3. Ative seu kit de site SeedProd
    • Personalizando seu kit de site

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

      Etapa 1. Instale e ative o SeedProd

      O primeiro passo é baixar uma cópia do plugin SeedProd WordPress. Para usar os Kits da SeedProd, você precisará de pelo menos um plano SeedProd Pro.

      Obtenha o SeedProd Pro aqui.

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

      Find your SeedProd license key

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

      Install a WordPress plugin

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

      Activate seedprod plugin

      Agora que o SeedProd está ativo, você pode acessar a página SeedProd »Configurações e inserir a chave de licença que você copiou anteriormente. Depois de colá-lo no campo Chave de licença, clique no botão Ativar chave .

      Enter your SeedProd license key

      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 da SeedProd funcionam perfeitamente com o recurso Theme Builder. Para escolher um para o seu site, vá para SeedProd » Theme Builder e clique no botão Temas .

      choose a website kit seedprod

      Na tela a seguir, você verá a biblioteca do kit do site da SeedProd.

      seedprod website kit library

      Inclui uma variedade de designs limpos para vários setores de negócios, incluindo:

      • Automóveis e manutenção
      • Aplicações Móveis
      • lojas de comércio eletrônico
      • Serviços profissionais
      • Restaurantes e cafés
      • Blogs 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 que você gosta e clique no ícone de marca de seleção laranja.

      how to install website kit WordPress seedprod

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

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

      Se você escolher um kit de site com páginas adicionais, poderá encontrá-las acessando Páginas » Todas as páginas do seu administrador do WordPress. Vamos editar esses detalhes mais tarde.

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

      Importando 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 exportar o arquivo .zip como um tema WordPress personalizado. Aqui está um guia passo a passo sobre como exportar um tema do WordPress SeedProd.

      Agora você pode importar o kit para qualquer outro site com uma instalação ativa do SeedProd. Simplesmente vá para SeedProd » Importar/Exportar , clique em Escolher arquivo no cabeçalho Importar arquivos de tema e clique no botão Importar arquivos de tema .

      Import website kit zip file seedprod

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

      Etapa 3. Ative seu kit de site SeedProd

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

      Para tornar seu kit de site ativo e substituir seu tema atual do WordPress, vá para a página SeedProd » Theme Builder , encontre a opção Ativar tema SeedProd e gire-a para a posição “On”.

      enable seedprod website kit

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

      wordpress website kit example seedprod

      Instalar kits de sites no WordPress com SeedProd leva apenas alguns cliques. Agora veremos como editar e personalizar seu design com mais detalhes.

      Personalizando seu kit de site

      Depois de instalar um kit no seu site WordPress, você provavelmente vai querer mudar algumas coisas. Abaixo, mostraremos como personalizar diferentes partes do seu kit com o editor visual de arrastar e soltar do SeedProd.

      Adicionando o logotipo do seu site

      Uma das primeiras coisas que você vai querer mudar é o logotipo do modelo padrão. Para fazer isso, vá para SeedProd » Theme Builder , encontre a parte do modelo de cabeçalho e clique no link Editar design .

      edit seedprod header template

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

      customize website kit header

      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.

      change your WordPress website logo

      Agora você pode fazer upload de um logotipo personalizado da sua 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 Salvar no canto superior direito. Agora você pode conferir seu novo cabeçalho no front-end do seu site.

      custom WordPress header example

      Personalizando seu conteúdo

      Os modelos do SeedProd vêm com conteúdo de demonstração para facilitar a visualização do seu site finalizado. No entanto, você precisará substituir esse conteúdo por informações sobre sua empresa, seus produtos ou seus 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 Editar design no modelo de página inicial . Você pode personalizar cada parte do design no editor visual.

      customize website kit homepage template

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

      edit website kit headings

      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.

      customize website template buttons

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

      Seedprod templates for cta buttons

      Páginas de conteúdo

      Você desejará editar suas 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 do seu administrador do WordPress.

      edit content pages with seedprod in WordPress

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

      edit contact page with seedprod

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

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

      add seedprod contact form block

      Editando suas configurações globais

      Você também pode personalizar as fontes e cores do seu modelo para combinar com a marca da sua pequena empresa. Isso é fácil de fazer com as configurações globais de CSS do SeedProd.

      No painel do Theme Builder, clique no link Editar design no modelo CSS global para abri-lo no editor visual.

      Agora você pode ajustar o estilo dos elementos em todo o seu site. Simplesmente expanda um título e altere as configurações para atender às suas necessidades.

      SeedProd global css settings

      Por exemplo, você pode escolher cores personalizadas para links, botões, texto e planos de fundo. Você também pode personalizar a tipografia, botões, layout e 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 aprender código ou contratar um desenvolvedor.

      Comece hoje mesmo com o SeedProd

      Próximos passos

      Esperamos que você tenha gostado deste artigo e tenha ajudado você 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:

      • Como criar divisores de seção extravagantes para sites WordPress
      • Como criar uma página de blog no WordPress
      • Como personalizar facilmente sua página de loja WooCommerce

      Obrigado por ler. Siga-nos no YouTube, Twitter e Facebook para obter mais conteúdo útil para expandir seus negócios.