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:
- Página do blog
- Página 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 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
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:
- Crie sites WordPress completos sem código
- Criar um tema WordPress personalizado do zero
- Crie páginas de destino de alta conversão
- Criar sites WooCommerce
- Colocar o WordPress em modo de manutenção
- Crie uma página de "Em breve
- Personalize sua página de login do WordPress
- E mais
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
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.
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.
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.
Na tela seguinte, clique no link Activate (Ativar ) para ativar o plug-in SeedProd em seu site do WordPress.
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 ).
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 ).
Na tela seguinte, você verá a biblioteca de kits 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.
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
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 ).
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".
Agora você pode visualizar o kit do seu novo site no WordPress!
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.
Como adicionar o logotipo do seu site
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.
O cabeçalho será aberto no editor visual, onde você poderá clicar, arrastar e soltar para personalizar o conteúdo.
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.
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.
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.
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.
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.
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.
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.
A partir daí, clique no link Edit with SeedProd para abrir a página no editor visual.
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.
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.
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:
- Como criar divisores de seção sofisticados para sites WordPress
- Como criar uma página de blog no WordPress
- Como personalizar facilmente sua página de loja do WooCommerce
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.
