Você quer criar um tema personalizado do WordPress? Criar algo bonito sem ter que codificar nada? Ter controle total sobre o tema do seu site WordPress é uma ótima maneira de aumentar as vendas e proporcionar uma experiência profissional com sua marca.
Neste artigo, mostraremos como ter controle total sobre seu tema. Você poderá deixá-lo com uma ótima aparência, mesmo que seja iniciante. Exatamente como você deseja. E você não precisará escrever nenhum código personalizado ou contratar um designer ou desenvolvedor caro.
Vamos começar!
- O que é um tema do WordPress?
- O desafio de personalizar temas
- Como personalizar ou criarseu próprio temasem nenhum código
- Uma rápida visão geral do SeedProd + EDD
Observação: este artigo é para trabalhar em sites WordPress.org, não em sites WordPress.com. Clique aqui para um artigo explicando a diferença.
O que é um tema do WordPress?
Todo site WordPress usa um tema. Um tema é o modelo, a aparência ou o design geral do seu site. Os temas controlam a funcionalidade e a aparência do front-end do seu site. Eles são uma coleção de arquivos de modelo PHP, CSS, Javascript e HTML.
Um site WordPress pode ter vários temas instalados, mas apenas um pode ser ativado e exibido no front-end do seu site. Os temas são armazenados na pasta wp-content.
Quando você instala o WordPress, ele vem com um tema padrão criado pela equipe principal do WordPress. Eles nomeiam seus temas de acordo com o ano em que foram escritos (Twenty Twenty Two, Twenty Nineteen e assim por diante).
Easy Digital Downloads (EDD) oferece dois temas gratuitos e personalizados do WordPress que você pode usar para criar uma loja digital; Themedd e Vendd. Também fornecemos uma lista de temas gratuitos e pagos de outros designers/desenvolvedores que você pode usar.
➡️ Confira a página de Temas da EDD
O Desafio de Personalizar Temas
Um desafio central com os temas do WordPress é que eles podem ser difíceis de criar ou personalizar. Você precisará, no mínimo, de experiência ou familiaridade com WordPress, HTML e codificação CSS.
Aqui estão algumas das coisas que você precisa aprender para fazer o desenvolvimento ou personalização de temas do WordPress:
- Entender conceitos de codificação como 'the loop', que é código PHP para carregar conteúdo
- Utilizar a hierarquia de modelos criando um tema filho, em seu próprio diretório de tema. Isso permite que você herde código de um tema pai e limita quantos arquivos você precisa escrever do zero (como page.php e single.php).
- Os usos do arquivo function.php, áreas de widget e permalinks
- Certifique-se de que os arquivos do seu tema não ocupem muitas linhas de código. Muitas linhas de código podem fazer com que seu site carregue lentamente, o que impacta negativamente seu SEO (otimização para mecanismos de busca).
- Configure um ambiente de desenvolvimento que inclua um editor de código e sites rodando localmente em seu computador para testes
Ferramentas para Facilitar
O WordPress é conhecido por ser fácil de usar. Especialmente em comparação com todo o resto. Há um motivo pelo qual ele impulsiona 43% da internet!
Existem várias soluções que foram desenvolvidas no ecossistema WordPress para lidar com os desafios de personalização e criação de temas.
Uma solução é usar um dos milhares de temas premium disponíveis em diferentes marketplaces. Você pode escolher um tema que já tenha a aparência e a sensação que você deseja.
Falaremos sobre outras soluções abaixo. 👇🏽
Como Personalizar ou Criar Seu Próprio Tema Sem Codificação
Mostraremos quatro soluções para personalizar ou criar um tema WordPress. Algumas permitem até que você crie seu próprio tema do zero, sem código!
SeedProd Theme Builder
A melhor maneira de criar seu próprio tema de site - sem nenhum código - é usar o construtor de temas SeedProd.
SeedProd é um construtor WordPress de arrastar e soltar. É uma ferramenta de design visual poderosa usada por mais de um milhão de profissionais de sites.
É fácil de usar e permite que você crie páginas de destino personalizadas ou até mesmo o tema inteiro do seu site! Funciona perfeitamente com o editor de blocos Gutenberg.
SeedProd começou como uma maneira simples de criar sua página de "em breve", modo de manutenção ou página 404. Ele foi constantemente atualizado e expandido para criar páginas de destino e agora a construção completa de temas.
Um recurso realmente popular e empoderador do SeedProd é sua enorme biblioteca de modelos e temas pré-fabricados. Pode ser muito útil começar com algo pré-fabricado, em vez de uma tela em branco. Então você pode facilmente personalizar e construir a partir daí.
⏭ Clique aqui para pular e ver como usar SeedProd + EDD
Abaixo estão três outras soluções para personalizar ou criar seu tema WordPress.
O Personalizador
Uma solução que muitos temas oferecem é chamada de 'personalizador'. O personalizador permite que você controle muitos elementos visuais do tema sem codificação. Essas interfaces de personalização são frequentemente ótimas e oferecem bastante liberdade. Nossos temas gratuitos Themedd e Vendd oferecem o personalizador.
Muitos temas até têm uma caixa chamada 'CSS Adicional' em seu Personalizador que permite substituir manualmente a aparência dos temas com seu próprio código CSS. Habilidades de codificação mínimas ou muita pesquisa no Google são necessárias para usar isso.
| 🟢 PRÓS DO PERSONALIZADOR | 🔴 CONTRAS DO PERSONALIZADOR |
|---|---|
| O Personalizador é bastante fácil de usar e poderoso | Você ainda está preso à estrutura e ao conceito de design do tema que está usando. |
| Alguns temas utilizam o Personalizador melhor do que outros, você pode descobrir que não tem os controles que deseja sem usar o campo CSS Adicional para codificação personalizada. |
Plugins de Construtor de Páginas
Existem várias empresas que criam construtores de páginas para WordPress. Eles fornecem uma interface visual para construir páginas. Alguns deles até oferecem a capacidade de personalizar o tema inteiro com modelos de cabeçalho, rodapé, barra lateral e página.
Esses construtores de páginas estão editando e controlando arquivos PHP, arquivos CSS e Javascript complicados para que você não precise.
| 🟢 PRÓS DOS CONSTRUTORES DE PÁGINAS | 🔴 CONTRAS DOS CONSTRUTORES DE PÁGINAS |
|---|---|
| Você tem muito poder e controle | Alguns podem deixar seu site lento |
| Interface visual | Muitos construtores de páginas são caros, alguns têm um plano gratuito |
| Com alguns construtores de páginas, você ainda precisa instalar um tema e pode ser confuso trabalhar com o tema e o construtor de páginas |
Edição Completa do Site (FSE)
Você pode estar ouvindo muito sobre a Edição Completa do Site do WordPress. As primeiras versões do FSE foram lançadas recentemente no WordPress 5.8 e 5.9. Este é um novo projeto da equipe principal para possibilitar a edição de todo o seu site usando uma ferramenta de ‘editor de blocos’.
O editor de blocos do WordPress (Gutenberg) existe há vários anos. É uma interface visual gratuita semelhante a um construtor de páginas para criar posts e páginas. Ele é incluído gratuitamente em qualquer site WordPress.
Agora, ou em breve, você poderá editar qualquer tema integrado ao FSE com funcionalidade e interface semelhantes às do editor de blocos. Use-o para controlar qualquer elemento em uma página, incluindo menus, cabeçalhos, rodapés, barras laterais e widgets.
Isso é empolgante! Será uma ótima maneira de controlar o tema do seu site. Ainda não está totalmente pronto, na época em que este artigo foi escrito, o FSE ainda está em beta.
| 🟢 PRÓS DO FSE | 🔴 CONTRAS DO FSE |
|---|---|
| Em breve será uma ótima opção, especialmente se você já gosta e usa o Construtor de Páginas Gutenberg | Ainda em teste beta, na época em que este artigo foi escrito |
| Requer um tema compatível com ‘Edição completa do site’, não há muitos disponíveis no momento |
Um Guia Rápido do SeedProd + EDD
🎉 O SeedProd permite que você crie seu próprio tema de site com facilidade. Sem nenhum código. E sem nenhuma das desvantagens listadas acima.
Mostraremos como é fácil criar seu próprio tema WordPress com o SeedProd. Demonstraremos usando-o com o plugin de e-commerce Easy Digital Downloads (EDD).
Imagine o que você pode fazer! Você pode ter controle total sobre cada detalhe da experiência do cliente. Sem esperar semanas ou meses por designers ou desenvolvedores caros para trabalhar em seu site.
Você conhece seus clientes e sua loja melhor do que ninguém! E você se importa com seu site mais do que qualquer outra pessoa. O SeedProd é uma ótima opção para resultados fantásticos… RÁPIDO!
Veja o que você faz:
- Instalar e ativar o SeedProd
- Clique em um botão para criar um tema!
- Fazer personalizações básicas
- Criar modelos personalizados para seus Downloads (para EDD)
- Fazer ainda mais
Instalar e Ativar o SeedProd
Primeiro, você precisa comprar o SeedProd. A opção Theme Builder requer uma licença Pro ou Elite.
🤚🏾Clique aqui para obter 50% de desconto no preço introdutório do SeedProd
Após comprar o SeedProd Pro ou Elite, instale-o como qualquer outro plugin. Se você é novo na instalação de plugins, aqui está um ótimo tutorial.
Depois que o plugin SeedProd for instalado, certifique-se de inserir sua chave de licença.
Agora você está pronto para criar seu próprio novo tema!
Além disso, certifique-se de instalar o Easy Digital Downloads se você ainda não o tiver.
O EDD é gratuito e inclui:
- Carrinho de compras
- Listagem de seus produtos/downloads
- Arquivos de produtos protegidos, apenas clientes pagantes terão acesso a links de expiração automática
- Opções de checkout flexíveis
- Códigos de desconto
- Gerenciamento de clientes (CRM básico)
- Relatórios de eCommerce
- Integração Stripe e/ou PayPal
Passes EDD
Adquira um Passe EDD para adicionar recursos avançados de eCommerce como integração de e-mail, assinaturas, licenciamento de software, integração com Amazon S3/DropBox e mais.
Clique em um botão para criar um tema!
Procure por SeedProd no lado esquerdo do seu painel do WordPress. Clique em Theme Builder.
Em seguida, clique no botão laranja que diz Themes. Isso exibirá os temas pré-fabricados que você pode escolher. Usaremos o tema pré-fabricado Starter em nosso exemplo abaixo.
Depois de clicar no tema pré-fabricado Starter, o SeedProd criará cada parte do modelo de tema, como: página única, página inicial, cabeçalho, rodapé, barra lateral, etc.
Você acabou de criar um tema inteiro com UM CLIQUE!
Você não precisou criar footer.php, header.php ou sidebar.php, archive.php ou uma folha de estilo. Tudo foi feito para você!
Certifique-se de ativar o tema clicando no botão de alternância Enable SeedProd Theme no canto superior direito. Isso desativará seu tema atual. Certifique-se de que está pronto para que isso seja visto pelo público, ou experimente isso em um servidor de staging.
Observe que, ao usar o SeedProd, você não está mais usando o sistema de temas do WordPress. Você não verá um novo tema com um nome de tema na pasta de temas dentro de wp-content/themes. Em vez disso, o plugin SeedProd do WordPress assumiu o controle da aparência do site.
Personalização Básica
Existem algumas personalizações que você pode fazer imediatamente. Personalize seu logotipo e cores e estilos básicos.
Personalize Seu Logo
Um bom primeiro passo é adicionar seu logotipo. Faça isso editando o modelo Header.
Estilos Gerais Personalizados
Em segundo lugar, você pode editar rapidamente qualquer uma das configurações de estilo globais. Clique no modelo Global CSS.
Aqui você pode alterar muitas configurações visuais para o site, como fontes, títulos, links (href), e cores e tamanhos. Isso substitui a necessidade de saber CSS e personalizar o arquivo style.css.
Crie Modelos Personalizados para Seus Downloads
Os produtos que você vende com Easy Digital Downloads são armazenados como um tipo de postagem personalizada chamada Downloads no seu site WordPress.
Seus Downloads são então exibidos como uma Página de Postagem Única ou de Arquivo.
- Uma Postagem Única é quando um Download aparece sozinho em sua própria página.
- Uma Página de Arquivo (no jargão do WordPress) é uma lista de vários Downloads.
Você não precisa começar do zero. Em vez de escolher adicionar novos modelos, apenas duplique estes dois modelos que o SeedProd acabou de criar para você:
- Índice do Blog, Arquivos, Pesquisa e
- Postagem Única
Dê a esses modelos o título de ‘EDD Single Download’ e ‘EDD Download List’ para que você não os confunda com outros modelos.
Edite as Condições dos Seus Modelos de Download
Você precisa configurar essas páginas para carregar apenas Downloads. É simples. Basta clicar no botão de texto abaixo do título que diz Editar Condições.
Para o modelo EDD Single Download, configure-o como:
- Prioridade 10
- Incluir: tipo de postagem Download
Na EDD Download List, use estas configurações:
- Prioridade 30
- Incluir: tipo de postagem de arquivo e, em seguida, digite ‘download’
Nota: estas configurações de prioridade foram projetadas para garantir que suas condições não sejam substituídas por outras quando você tiver duas condições semelhantes. Saiba mais sobre prioridades e condições aqui.
Personalize Suas Páginas de Download
Agora que você criou modelos separados para seus Downloads EDD. Você pode personalizá-los como quiser.
No meu exemplo, criei uma página de Download EDD limpa e simples. Uma única coluna centralizada, sem barra lateral ou qualquer coisa para tentar aumentar as conversões.
Aqui está no back-end sendo editada no SeedProd.
Em seguida, veja como fica no front-end.
Nesta página de exemplo EDD Download List, optei por uma grade de 2 colunas. Você pode fazer o que quiser. É incrivelmente fácil experimentar coisas novas e visualizá-las.
No backend sendo editado com SeedProd:
Veja como fica no frontend:
Faça mais. O Céu é o Limite!
Ou talvez o espaço sideral seja o limite. Estes exemplos acima são apenas uma pequena amostra de tudo o que você pode fazer com o SeedProd.
Apenas imagine o que você pode fazer com controle total e experimentação ilimitada.
SeedProd vem com centenas de blocos de modelos e modelos de página.
Aqui estão apenas alguns exemplos que podem ser de especial interesse para criadores digitais como nós!
- Tabelas de preços
- Títulos animados
- Layouts de várias colunas (com configurações responsivas para celular)
- Formulário de contato
- Sorteio (com RafflePress)
- Formulário de Optin
- Compartilhamento Social
- Carrossel de Imagens
- Acordeão
- Facebook; Curtir, Comentários, Página ou Incorporar
- Twitter; Incorporar, Linha do Tempo, Botão Tweet, Botão Seguir
- O bom e velho shortcode
SeedProd é uma ótima maneira de configurar seu tema de loja EDD. É uma ótima opção, quer você esteja apenas começando ou queira experimentar algo novo que impressionará os clientes.
Conclusão
Estelar! Você acabou de aprender a deixar seu tema bonito sem codificação. Imagine o que você pode fazer para aprimorar a experiência do cliente quando puder personalizar tudo sozinho.
Temos muito mais recursos para criadores digitais e empreendedores. Sobre o que você quer aprender a seguir?!
- 🤑 Os Benefícios Surpreendentes de Vender Downloads Digitais
- 💰 A Lista Completa de Downloads Digitais que Você Pode Vender
- 💸 Os 14 Downloads Digitais Mais Populares que Você Pode Vender em 2022
Certifique-se de nos seguir no Facebook e Twitter para saber mais sobre WordPress e a venda de produtos digitais.
