Deseja criar um tema WordPress personalizado para dar ao seu site uma aparência exclusiva?
Criar um tema para WordPress costumava ser impossível sem a ajuda de desenvolvedores caros ou sem que você mesmo tivesse conhecimento de programação.
Porém, atualmente, alguns plug-ins do WordPress permitem que você crie seu próprio tema personalizado usando a funcionalidade simples de arrastar e soltar.
Neste artigo, mostraremos como criar seu próprio tema WordPress personalizado sem escrever código.
Neste artigo
Como faço para criar um tema WordPress personalizado?
Vamos supor que você já tenha um site WordPress hospedado em um domínio para este tutorial. Caso contrário, você pode consultar este guia sobre como criar um site WordPress.
Se quiser substituir o tema existente do WordPress pelo tema que você vai criar, recomendamos usar um site de desenvolvimento de teste para isso.
Dessa forma, você não corre o risco de causar erros acidentalmente em seu site principal. Os principais serviços de hospedagem WordPress, como o Bluehost, oferecem ambientes de desenvolvimento.
Por fim, certifique-se de fazer backup de seu site antes de criar o tema. Isso garante que você sempre possa restaurar seu site para um estado estável se algo der errado.
Você pode encontrar várias opções nesta lista de plug-ins de backup do WordPress. Depois de fazer esses preparativos, é hora de criar um tema personalizado do WordPress sem código!
Etapa 1. Instalar o plug-in SeedProd
Em primeiro lugar, instale o plug-in SeedProd em seu site do WordPress. Você pode ver as instruções para instalar plug-ins do WordPress se nunca tiver instalado um plug-in antes.
Você precisará, no mínimo, da licença SeedProd Pro para desbloquear o recurso construtor de temas. Para ativar a licença Pro, abra a área da conta do SeedProd e clique na guia Downloads. Role a tela para baixo para encontrar sua chave de licença e copie-a.
Em seguida, abra sua área de administração do WordPress e vá para SeedProd " Settings (Configurações). Em seguida, insira a chave que você copiou no campo License Key (Chave de licença) e pressione Verify (Verificar).
Agora, vá para SeedProd " Theme Builder. Esse é o painel em que todos os diferentes elementos do tema estarão localizados.
Agora, há duas maneiras de criar seu tema com o SeedProd: criar você mesmo cada parte individual do tema ou usar um modelo predefinido e editar as partes que não lhe agradam.
Todo tema do WordPress é composto de diferentes partes, incluindo:
- Cabeçalho
- Rodapé
- Página inicial
- Postagem única
- Página única
- Arquivo ou página de blog
- Barra lateral
Pode ser um pouco intimidador criar cada uma dessas partes do zero se esta for sua primeira vez criando um tema. Nesse caso, há uma maneira mais fácil de fazer isso.
O SeedProd vem com vários modelos de temas pré-criados que definem a estrutura geral do seu tema completo. Dessa forma, todas as diferentes partes são adicionadas automaticamente à estrutura, mas você ainda pode personalizar cada parte de acordo com sua preferência.
No restante do tutorial, usaremos um dos temas do SeedProd para mostrar as etapas, já que esse é o método mais amigável para iniciantes na criação de um tema personalizado do WordPress.
Etapa 2. Selecione um modelo de tema
O recurso de criação de temas tem vários temas pré-criados, modelados de acordo com sites de negócios de diferentes tipos. Para visualizar os temas disponíveis, clique no botão Temas.
O SeedProd vem com modelos para diferentes empresas e setores, incluindo agências de marketing, restaurantes, empresas de cuidados com animais de estimação e muito mais.
Vamos usar o tema Starter para este exemplo. Assim que você selecionar um tema, o SeedProd criará automaticamente todas as partes individuais do tema.
Você também pode desativar diferentes partes do tema se não precisar delas para o seu site. Para desativar qualquer seção, use os botões de alternância sob o título Published (Publicado).
Você pode alterar as configurações de cada parte do seu tema clicando no botão Edit Conditions (Editar condições ).
Isso abrirá um modal no qual você poderá alterar o nome, o tipo, a prioridade e configurar as condições de quando e onde essa parte deve aparecer no seu site.
Na maioria dos casos, você pode deixar essas configurações como padrão e prosseguir com a personalização de cada parte do tema.
Etapa 3. Personalizar as partes do tema do WordPress
Agora que todos os componentes essenciais de seu tema estão definidos, podemos personalizar o design de cada um deles para que tenham a aparência exata que desejamos.
Para começar a editar, mova o cursor sobre uma parte do tema e clique em Edit Design.
Para este tutorial, personalizaremos o cabeçalho, o rodapé, a página inicial e a página do blog. Os mesmos princípios de personalização se aplicam a todas as outras páginas.
Cabeçalho e rodapé
Para começar a editar o cabeçalho, clique no botão Edit Design que aparece quando você passa o mouse sobre Header. Isso o levará à interface do construtor de temas de arrastar e soltar do SeedProd. Aponte e clique na área do cabeçalho para abrir as opções de personalização, que aparecerão no painel esquerdo.
Por padrão, o cabeçalho tem o logotipo da SeedProd. Você pode substituí-lo pelo logotipo de sua empresa com muita facilidade. Clique na imagem para excluí-la ou substituí-la pelo upload de seu próprio logotipo.
O SeedProd permite que você altere o tamanho e o alinhamento do logotipo. Você também pode adicionar um link personalizado ao logotipo. Por exemplo, talvez você queira redirecionar os usuários para a página inicial quando eles clicarem no logotipo.
Você também pode alterar a cor de fundo do cabeçalho. Basta mover o mouse sobre a área do cabeçalho até ver um contorno azul. Clique nele para encontrar um novo menu de opções no painel esquerdo. Agora, você pode alterar a cor do cabeçalho e escolher uma cor sólida ou até mesmo um gradiente.
Agora, clique na guia Advanced (Avançado ) para acessar mais configurações, como sombra, espaçamento, borda, posição e outras.
Quando terminar de fazer todas as alterações, clique no botão Save (Salvar) no canto superior direito do construtor e clique no botão de cruz para sair do painel principal do construtor de temas.
Se quiser incluir um cabeçalho em seu site, você poderá repetir essas mesmas etapas para editar o design do rodapé.
Em seguida, vamos editar a página inicial.
Página inicial
A página inicial é a parte frontal de seu website. Normalmente, ela contém elementos importantes que definem quem você é, o que faz e fornece prova social por meio de avaliações e depoimentos.
O modelo Starter Theme que estamos usando tem todas as seções principais que você normalmente encontra na página inicial de um site de negócios, incluindo uma:
- Área do herói
- Seção de recursos
- Depoimentos
- Seção de perguntas frequentes
Você pode alterar todos os blocos dessa página, inclusive as imagens, o texto, os botões, as cores e o layout.
No gif abaixo, mostraremos como é fácil editar diferentes partes da página usando ações simples de arrastar e soltar.
Use as configurações e os blocos no menu à esquerda para editar o design até ficar totalmente satisfeito. Quando tiver feito todas as alterações, certifique-se de verificar a visualização móvel.
Se algum elemento do site parecer estar quebrado na visualização móvel, você poderá voltar à edição e fazer ajustes até que fique perfeito.
Quando estiver satisfeito com sua página inicial, pressione o botão Save (Salvar ) e retorne ao painel do criador de temas do SeedProd.
Página do blog
Vamos agora criar uma página de blog personalizada para seu site. No painel do construtor de temas, clique no link Edit Design na seção Blog Index, Archives, Search para começar a editá-lo.
Aqui, você pode adicionar ou remover diferentes elementos, como conteúdo da postagem, trecho, biografia do autor e muito mais, usando a interface de arrastar e soltar. Clique em uma das postagens exibidas nesta página para acessar mais configurações.
Essas configurações permitem que você altere o tipo de Posts Query, o layout e a paginação. Também é possível alterar os detalhes adicionais de controle que devem aparecer em cada postagem, como data da postagem, autor, imagem em destaque, trecho e muito mais.
Depois de personalizar a página do blog, clique em Save (Salvar ) e retorne ao painel novamente.
CSS global
A seção Global CSS define as configurações globais para as cores, a tipografia, o layout e o estilo do seu tema.
No painel do Theme Builder, clique em Edit Design na seção Global CSS do seu tema.
Por exemplo, você pode escolher a cor e a fonte do botão que deseja que apareça em todo o site.
Da mesma forma, você pode alterar as fontes de texto, os planos de fundo, o layout e até mesmo adicionar CSS personalizado ao seu tema. Essas alterações serão aplicadas em todo o site e garantirão a consistência do estilo.
Quando terminar de ajustar as configurações a seu gosto, clique no botão Save (Salvar).
Etapa 4. Conecte-se a um serviço de correio eletrônico
O SeedProd permite que você se conecte ao seu serviço de marketing por e-mail, o que é uma etapa importante se você quiser incluir uma assinatura ou um formulário de inscrição no seu tema.
De fato, se você tiver o WPForms instalado em seu site, ele se integrará automaticamente ao SeedProd. Portanto, você pode incorporar qualquer formulário criado com o WPForms em qualquer parte do seu tema usando o SeedProd.
Depois de criar um formulário, é necessário certificar-se de que seu serviço de marketing por e-mail esteja conectado ao SeedProd para que você possa enviar e receber e-mails relacionados ao formulário.
Para conectar seu serviço de marketing por e-mail ao tema do SeedProd, clique na guia Connect (Conectar ) na barra superior da tela do construtor de temas enquanto estiver editando qualquer parte do tema.
Clique em qualquer mailer da lista e siga as instruções na tela para concluir a integração com o tema SeedProd. Quando terminar, as entradas do formulário de opt-in serão automaticamente adicionadas à sua lista de e-mails.
Etapa 5. Publique seu tema personalizado do WordPress
Seu tema agora está pronto para ser implantado! Para ativar seu tema, acesse o painel do construtor de temas e clique no botão de alternância Enable SeedProd Theme (Ativar tema SeedProd ) no canto superior direito da tela.
Agora, vamos dar uma olhada no nosso recém-criado tema personalizado do WordPress!
Esta é a página inicial do tema com o cabeçalho:
E aqui está a página do blog.
E é isso! Você acabou de criar seu primeiro tema personalizado do WordPress sem código!
Perguntas frequentes sobre a criação de um tema WordPress personalizado
Procurando respostas para suas perguntas? Aqui estão algumas das perguntas mais comuns sobre a criação de um tema personalizado do WordPress.
Por que a SeedProd?
Os temas do WordPress são criados usando uma combinação de PHP, CSS, JavaScript e HTML. Essas são linguagens de codificação que exigem muito treinamento para serem aprendidas.
Portanto, se você não fosse um desenvolvedor, sua única opção costumava ser contratar agências de desenvolvimento para criar temas para você, o que pode ser muito caro.
No entanto, graças ao SeedProd, agora você pode criar seu próprio tema personalizado do WordPress sem precisar de muito conhecimento de codificação.
Ele vem com uma interface simples de arrastar e soltar que qualquer pessoa pode usar e permite que você personalize facilmente todos os aspectos do design do tema.
Posso personalizar meu tema do WordPress?
Sim, você pode personalizar amplamente seu tema do WordPress com o SeedProd, que permite criar e modificar facilmente as páginas com um construtor de arrastar e soltar.
Isso simplifica o ajuste de layouts, a adição de novos elementos e a personalização total do site para que corresponda ao seu estilo, sem a necessidade de escrever qualquer código.
Ele também oferece um alto nível de personalização e vem com uma ampla variedade de recursos extras, incluindo:
- Criador de temas
- Mais de 150 modelos de páginas de destino
- Construtor de arrastar e soltar
- Integrações de marketing por e-mail
- 2 milhões de fotos de estoque
- e mais.
É seguro mudar o tema do WordPress?
Alterar o tema do WordPress geralmente é seguro, especialmente quando se usa uma ferramenta como o SeedProd. Para garantir uma transição tranquila, o SeedProd oferece recursos que permitem que você trabalhe no design do novo tema ou faça alterações em um ambiente de teste.
Isso significa que você pode testar tudo antes de entrar no ar, minimizando o risco para a funcionalidade do seu site e a experiência do usuário. Com esses recursos, você pode alterar rapidamente os temas do seu site sem nenhum tempo de inatividade.
Em seguida, crie formulários de contato para o seu site WordPress
Agora que você tem um site WordPress novinho em folha, deve considerar adicionar formulários de contato para permitir que os visitantes entrem em contato com você facilmente. O WPForms é o criador de formulários para WordPress mais fácil de usar, com mais de 6 milhões de instalações ativas.
Você pode não apenas aumentar sua lista de e-mails com o WPForms, mas também realizar uma série de outras atividades, como coletar doações para sua organização sem fins lucrativos.
Crie seu formulário WordPress agora
Pronto para criar seu formulário? Comece hoje mesmo com o plug-in de criação de formulários mais fácil do WordPress. O WPForms Pro inclui vários modelos gratuitos e oferece uma garantia de reembolso de 14 dias.
Se este artigo o ajudou, siga-nos no Facebook e no Twitter para obter mais tutoriais e guias gratuitos sobre o WordPress.
