Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como instalar kits de modelos no WordPress (passo a passo)

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Você deseja instalar kits de modelos no WordPress?

A criação de um site pode exigir muito tempo e esforço, especialmente se você for um iniciante. Felizmente, os kits de modelos permitem que você aplique um design de site profissional em todo o seu site WordPress com o clique de um botão.

Neste artigo, mostraremos como você pode instalar facilmente kits de modelos de sites no WordPress.

How to install template kits in WordPress (step-by-step)

Por que instalar kits de modelos no WordPress?

Os kits de modelos do WordPress são uma coleção de modelos pré-projetados, layouts e outros elementos que permitem criar um site com aparência profissional sem precisar escrever código.

Os kits de modelos são projetados para serem usados em conjunto, de modo que você pode simplesmente instalar um kit e usar o mesmo design em todo o seu site.

Um bom kit de modelos tem designs para todas as páginas mais comuns, incluindo uma página sobre, uma página de contato e uma página inicial personalizada. Eles também podem fornecer modelos para áreas que aparecem em várias páginas, como um modelo de cabeçalho e rodapé.

Há alguns kits de modelos que você pode personalizar para atender a qualquer tipo de site, semelhante aos temas multiuso do WordPress. Outros modelos são projetados para um setor específico, como moda, marketing de risco e kits de blogs de tecnologia.

Independentemente do kit de modelos que você usar, com o plug-in do construtor de páginas correto, você poderá personalizá-lo para que se adapte perfeitamente ao seu negócio e à sua marca.

Dito isso, vamos ver como você pode criar um site bonito rapidamente instalando kits de modelos no WordPress.

Como escolher os melhores kits de modelos para WordPress

Os kits de modelos têm muitos nomes, pois algumas empresas os chamam de kits de sites, modelos de sites ou modelos iniciais do WordPress. Independentemente do nome, o melhor lugar para encontrar kits de modelos é instalando um plug-in de construtor de páginas de arrastar e soltar.

O SeedProd é o melhor plug-in de construtor de páginas, com mais de 1 milhão de usuários. Ele permite que você crie um site completo no WordPress sem precisar escrever uma única linha de código.

O SeedProd vem com 90 blocos prontos que você pode adicionar a qualquer página e mais de 300 modelos que podem ser usados para criar páginas de destino, páginas de vendas e muito mais.

The SeedProd drag and drop page builder

O SeedProd também tem uma biblioteca crescente de kits de sites profissionais que você pode adicionar ao seu site com um único clique. Depois de escolher um kit, você pode personalizar cada parte do design usando o editor de arrastar e soltar do SeedProd.

Você pode ler nossa análise completa do SeedProd para obter mais detalhes.

Como é o método mais rápido e fácil, neste guia, mostraremos como instalar kits de modelos usando o SeedProd. Você pode usar os links rápidos abaixo para navegar por este guia:

Etapa 1: Instale um plug-in do WordPress Page Builder

Primeiro, você precisa instalar e ativar o plug-in SeedProd. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Observação: há também uma versão gratuita do SeedProd que permite que você crie belas páginas de “em breve“, páginas de manutenção e muito mais, independentemente do seu orçamento.

No entanto, neste guia, usaremos o plug-in premium, pois ele tem muitos kits de modelos diferentes. Esteja ciente de que você precisará de um plano Pro ou superior para usar os kits de modelos.

Após a ativação, vá para SeedProd ” Settings e insira sua chave de licença.

Você pode encontrar essas informações em sua conta no site da SeedProd. Depois de inserir a chave de licença, clique no botão “Verify key” (Verificar chave).

Adding a license to the SeedProd page builder plugin

Com sua chave de licença ativa, você está pronto para instalar um kit de modelo.

Etapa 2: Escolha um kit de modelo para WordPress

Os kits de sites do SeedProd funcionam perfeitamente com seu construtor de temas do WordPress, portanto, vá para SeedProd ” Theme Builder para começar. Aqui, clique no botão “Theme Template Kits” (Kits de modelos de temas).

The SeedProd thee builder feature

Agora você verá a biblioteca de modelos do SeedProd.

Para examinar mais de perto qualquer modelo, basta passar o mouse sobre ele e clicar no ícone da lupa quando ele aparecer.

Previewing a website starter kit using SeedProd

Isso abre o kit de modelos em uma nova guia.

Como se trata de um kit de site completo, você pode ver mais páginas e designs clicando nos diferentes links, botões e itens de menu.

An example of a website starter kit, installed using SeedProd

A SeedProd tem kits de modelos para diferentes setores e nichos, como sites de restaurantes, blogs de viagem, consultorias de marketing e muito mais.

Quando encontrar um kit de modelo que deseja usar, basta passar o mouse sobre ele e clicar no ícone de marca de seleção quando ele aparecer.

Choosing a website template kit using SeedProd

O SeedProd agora adicionará todos os diferentes modelos ao painel do WordPress.

Para dar uma olhada, vá para SeedProd ” Theme Builder. Você poderá ver opções ligeiramente diferentes, dependendo do kit que estiver usando.

A list of template kit parts in the WordPress dashboard

Os modelos do SeedProd são desativados por padrão, portanto, não alterarão imediatamente a aparência do seu site ao substituir o tema atual do WordPress.

Etapa 3: Personalize seu kit de modelo no WordPress

Antes de tornar o kit ativo, você precisa substituir o conteúdo da demonstração. Talvez você também queira alterar a marca do kit para que corresponda melhor ao seu próprio negócio. Por exemplo, você pode adicionar fontes personalizadas, adicionar um logotipo personalizado, alterar as cores e muito mais.

Os modelos de elementos e páginas que você vê podem variar de acordo com o kit. No entanto, a maioria dos kits tem um modelo de cabeçalho e um modelo de rodapé, portanto, mostraremos a você como personalizar esses modelos como exemplo.

Como personalizar um kit de modelo de cabeçalho no WordPress

O cabeçalho é a primeira coisa que os visitantes veem quando chegam ao seu site. Com isso em mente, ele deve apresentar sua marca e fornecer acesso fácil ao conteúdo mais importante do site.

Para personalizar o modelo de cabeçalho, basta passar o mouse sobre ele e clicar em “Edit Design”.

Customizing a template kit using SeedProd

Isso carrega o editor do SeedProd com o modelo de cabeçalho à direita da tela.

No lado esquerdo, você verá um menu com diferentes opções.

Adding blocks to a website template part

A maioria dos modelos de cabeçalho vem com um logotipo de espaço reservado, portanto, vamos começar substituindo-o. Basta clicar para selecionar o logotipo de espaço reservado, e o menu à esquerda mostrará todas as configurações que você pode usar para personalizar o bloco.

Basta passar o mouse sobre a imagem no menu à esquerda e clicar no botão Selecionar imagem quando ele aparecer.

Adding a logo to a website header template

A maioria dos kits de modelos vem com logotipos e imagens alternativos que você pode adicionar ao seu site WordPress.

Agora, a biblioteca de mídia do WordPress será exibida. Você pode escolher uma dessas imagens aqui ou carregar uma nova imagem de seu computador.

Adding a custom logo to a website starter kit

Após substituir o logotipo, você pode alterar seu alinhamento e tamanho, adicionar texto alternativo à imagem e muito mais usando as configurações no menu à esquerda.

Quando você estiver satisfeito com a aparência do logotipo, é uma boa ideia atualizar o menu.

A maioria dos modelos de cabeçalho vem com um menu de navegação de espaço reservado que você pode personalizar facilmente adicionando seu próprio texto e links. Para começar, clique para selecionar o bloco Nav Menu.

Adding a navigation menu to a custom page design

Você pode criar um menu no SeedProd ou exibir qualquer menu de navegação que tenha criado no painel do WordPress.

Para criar um novo menu usando o SeedProd, basta passar o mouse sobre qualquer item de menu que deseja excluir. Em seguida, clique no ícone da lixeira quando ele aparecer.

Removing items from a WordPress navigation menu

Para adicionar um novo item ao menu, clique no botão “Add New Item”, que cria um novo item de espaço reservado.

Em seguida, basta clicar no item para expandi-lo.

Creating a custom navigation menu using WordPress

Agora você verá algumas novas configurações nas quais poderá digitar o texto e o link que deseja usar.

Você também pode definir o link para abrir em uma nova guia ou marcá-lo como nofollow se o link não tiver nenhum valor de SEO.

How to install a template kit using SeedProd

Basta repetir essas etapas para adicionar mais itens ao menu. Você também pode reorganizar os itens no menu usando o recurso de arrastar e soltar.

Outra opção é simplesmente exibir um menu que você já tenha criado no painel do WordPress. Para fazer isso, clique em “WordPress Menu” e escolha um menu na lista suspensa.

Showing a WordPress navigation menu

Depois de fazer essas alterações, talvez você queira adicionar mais conteúdo ao cabeçalho. Por exemplo, você pode incentivar os visitantes a segui-lo nas mídias sociais adicionando botões “curtir” e “compartilhar” ao cabeçalho.

No menu do lado esquerdo, basta localizar o bloco que deseja adicionar e arrastá-lo para o layout.

Adding social icons to a website template kit

Em seguida, você pode personalizar o bloco usando as configurações no menu à esquerda.

Quando estiver satisfeito com a aparência do modelo de cabeçalho, clique em “Save” (Salvar) para armazenar suas configurações.

Publishing a website starter kit

Como personalizar o modelo de rodapé no WordPress

O rodapé é o local perfeito para adicionar informações úteis, como uma data de copyright dinâmica ou seu número de telefone. Você também pode criar links para conteúdos importantes, como formulário de contato, blog e perfis de mídia social.

Com isso em mente, a maioria dos kits de modelos do SeedProd vem com um modelo de rodapé. Para editar esse modelo, vá para SeedProd ” Theme Builder e passe o mouse sobre o modelo “footer”. Quando o link “Edit Design” aparecer, clique nele.

How to customize a footer template

Isso abre o modelo de rodapé no editor do SeedProd. Agora você pode excluir blocos indesejados, substituir o conteúdo do espaço reservado e adicionar mais blocos seguindo exatamente o mesmo processo descrito acima.

Muitos proprietários de empresas usam o rodapé para mostrar suas informações de contato, como o endereço de e-mail da empresa. No entanto, se você estiver usando o WPForms, poderá adicionar facilmente um formulário de contato ao rodapé do seu site. Isso permite que as pessoas entrem em contato com você em qualquer página ou publicação.

Adding a contact form to a template kit using WPForms

Se estiver procurando mais ideias, consulte nossa lista de verificação de itens a serem adicionados ao rodapé do seu site WordPress.

A maioria dos modelos de rodapé vem com um texto de espaço reservado que você pode substituir por seu próprio conteúdo. Basta clicar para selecionar cada caixa de texto e digitar sua mensagem no pequeno editor de texto que aparece.

O editor tem todas as opções de formatação padrão, de modo que você pode destacar textos importantes ou adicionar links que serão exibidos em seu blog ou site do WordPress.

Adding text to a footer template

Muitos modelos de rodapé vêm com um bloco de menu de navegação pronto que contém alguns links de espaço reservado.

Você pode substituir esses itens de menu fictícios por links para seu próprio conteúdo seguindo o mesmo processo descrito acima. Por exemplo, você pode incluir links para a política de privacidade, o blog, a loja on-line e outros conteúdos importantes do seu site.

Adding a custom navigation menu to a website footer template

Quando estiver satisfeito com a aparência do rodapé, clique no botão Save (Salvar) para armazenar suas alterações.

Etapa 4: Editar as configurações do kit de modelo global

Muitas vezes, você desejará alterar as fontes, os planos de fundo, as cores e outros elementos padrão do modelo para que correspondam à sua marca. Em vez de fazer essas alterações em cada modelo, você pode economizar tempo editando as configurações globais de CSS do kit.

No painel do WordPress, vá para SeedProd ” Theme Builder e passe o mouse sobre o modelo Global CSS. Em seguida, você pode clicar no link “Edit Design” quando ele aparecer.

Editing the global CSS settings

No menu do lado esquerdo, o SeedProd lista todos os diferentes elementos que você pode alterar, como fontes, formulários, layout e muito mais.

Para ver as alterações que você pode fazer, basta clicar em qualquer opção.

Changing a template kit's global CSS settings

Agora você pode ajustar suas configurações. Por exemplo, você pode alterar as cores usadas nos cabeçalhos do kit, no texto do parágrafo, nos links e muito mais.

O SeedProd aplicará automaticamente essas alterações em todo o kit de modelos.

Changing the colors in a website template kit

Quando estiver satisfeito com as alterações feitas, clique no botão “Save” (Salvar).

Etapa 5: Ativar seu kit de modelo do SeedProd

Agora você pode personalizar cada modelo do SeedProd seguindo o mesmo processo descrito acima. Quando você estiver satisfeito com a configuração dos modelos, é hora de ativar o kit.

No painel do WordPress, vá para SeedProd ” Theme Builder e clique no botão “Enable SeedProd Theme” (Ativar tema do SeedProd) para que apareça “Yes” (Sim).

Enabling a template kit in WordPress

Agora, se você acessar seu site do WordPress, verá o novo design ao vivo.

Guias definitivos para personalizar seu site WordPress com o SeedProd

Você tem interesse em explorar ainda mais o SeedProd para criar seu site? Confira os guias a seguir para continuar sua jornada:

Esperamos que este artigo tenha ajudado você a instalar kits de modelos no WordPress. Talvez você também queira consultar nosso guia sobre como escolher o melhor software de web design ou ver nossa seleção de especialistas dos plug-ins obrigatórios do WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

3 ComentáriosDeixe uma resposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Charlie Ross says

    Page builder’s look like a great way to design WordPress Websites.
    Can Canva be used as a page builder plugin?

    • WPBeginner Support says

      Not at the moment. You can use images created in Canva but for the design of the site, you would need a different tool.

      Administrador

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.