O que é um tema?
Um tema é simplesmente um grupo de gráficos, estilo e códigos de função que compõem a aparência geral do seu site. Os elementos de um tema incluem layouts de página (ou seção), tipografia, cores, o comportamento dos elementos na página e outros recursos de design vistos em diferentes tipos de páginas e seções dentro de uma página. Em essência, isso dá vida ao seu site e contribui muito para a experiência do usuário na jornada dos visitantes.
No WordPress, um tema típico consiste em um grupo de arquivos (arquivos de folha de estilo/CSS, arquivos JavaScript e arquivos PHP) que predefinem a aparência e o comportamento dos elementos no site. Eles também contêm arquivos de modelos de tema (ou partes de modelos) que definem o cabeçalho, o rodapé, a barra lateral, o layout de conteúdo de página única/post e o layout de página de arquivo. Essas variações de modelo de página são encontradas principalmente como uma opção de modelo de página nas opções de tema ou como um modelo de página para páginas individuais no painel Atributos de página das configurações de página.
Como os modelos de tema podem ser criados com diferentes designs e layouts, eles podem ser combinados para criar uma variedade de modelos de página. Esses modelos de página podem ser usados para estilizar páginas individuais ou grupos de páginas em todo o site, como você desejar.
Visão geral de 5 minutos
Assista a John Turner (cofundador da SeedProd) criar o site da SeedProd com nosso novo Theme Builder
Criação de temas no SeedProd Theme Builder
Nosso novo SeedProd Theme Builder leva a criação de temas a outro patamar: os modelos de temas agora podem ser criados rapidamente em nossa interface de arrastar e soltar, rápida e fácil de usar; não é necessário editar arquivos de temas!
Tornamos a criação de sites WordPress livre de frustrações ao adicionar um tema básico incorporado ao nosso plug-in como base para o nosso construtor de temas. Isso proporciona um espaço em branco para a criatividade, sem a necessidade de pensar na possibilidade de conflitos de estilo de tema ou problemas de código de tema. Também ampliamos nosso recurso Global Setting para personalizar o estilo padrão de todos os elementos do site em uma visualização de amostra ao vivo. Com esses recursos fundamentais, você pode se concentrar mais no design do seu site e menos tempo na solução de problemas de estilo.
Temas pré-fabricados do SeedProd (recomendado para iniciantes)
Você pode criar sites bonitos rapidamente com uma variedade de temas pré-fabricados do SeedProd que teremos para diferentes setores e ocasiões. Assim como nossa página de destino e os modelos para breve, novos temas e modelos de temas serão adicionados regularmente; fique atento aos designs de sites mais incríveis!
Nosso tema inicial
Nosso Starter Theme é um tema básico, porém elegante, pronto para uso, com todos os modelos de tema necessários para ajudá-lo a começar. Ele inclui um modelo de página inicial, cabeçalho, rodapé, barra lateral, modelo de postagem única, modelo de página única e modelo de arquivo. Por padrão, esse modelo de arquivo é usado na página do blog, na página de resultados de pesquisa e em todas as outras páginas de arquivo do site.
Depois de carregar esse tema em seu site, você pode começar a criar seu site exclusivo com o SeedProd Theme Builder.
Criação de modelos de temas (usuários avançados)
Simplificamos a criação de modelos de temas responsivos e dinâmicos no SeedProd.
Nosso recurso Template Tags permite que você extraia dados dinâmicos do post (como título do post, informações do post, imagem em destaque, navegação do post etc.) para seus modelos.
Para começar, você pode seguir as etapas rápidas abaixo para criar qualquer um dos modelos de tema disponíveis em seu site.
- Ir para SeedProd > Criador de temas em seu painel de administração do WP e clique no botão Adicionar novo modelo de tema na parte superior da página.
- No Novo modelo de tema Na caixa modal, você pode escolher o tipo de modelo que deseja criar e definir as condições do modelo para esse modelo.
OBSERVAÇÃO: Para obter mais detalhes sobre como funcionam nossas condições de modelo, consulte nossas Condições do modelo seção.
- Ao clicar em Save, você será direcionado automaticamente para o SeedProd Builder e começará a criar o design do seu modelo. Não se esqueça de explorar nossas seções pré-criadas que podem ser usadas em seu modelo personalizado!
Como criar um cabeçalho
Você pode criar um modelo de cabeçalho selecionando a opção Header Type (Tipo de cabeçalho) na caixa modal New Theme Template (Novo modelo de tema ). Você também pode definir as condições e a prioridade do modelo de cabeçalho aqui para determinar quando e onde esse modelo será mostrado.
Após concluir a configuração do modelo de cabeçalho, clique em Save (Salvar ) para começar a projetar seu cabeçalho no SeedProd Builder.
Como criar um rodapé
Assim como o modelo de cabeçalho, você pode criar um modelo de rodapé selecionando a opção Footer Type (Tipo de rodapé ) na caixa modal New Theme Template (Novo modelo de tema ). Você também pode definir as condições e a prioridade do modelo de rodapé aqui para determinar quando e onde esse modelo será exibido.
Após concluir a configuração do modelo de rodapé, clique em Save (Salvar ) para começar a projetar o rodapé no SeedProd Builder.
Como criar um modelo dinâmico de postagem única
Criar um modelo de postagem única é tão fácil quanto criar um modelo de cabeçalho/rodapé. Para esse processo, você selecionará a opção do tipo Single Post na caixa modal New Theme Template (Novo modelo de tema ) e definirá as condições para esse modelo. Depois de concluir a configuração do modelo de postagem única, clique em Save (Salvar ) para começar a projetar seu modelo de postagem única.
Como criar um modelo dinâmico de página única
Um modelo Single Page pode ser criado usando as mesmas etapas da criação de um modelo Single Post. Para começar, você selecionará a opção de tipo Single Page (Página única) na caixa modal New Theme Template (Novo modelo de tema ) e definirá as condições do tema para esse modelo. Após concluir a configuração do modelo de página única, clique em Save (Salvar ) para começar a projetar o modelo de página única.
Como criar um modelo de arquivo dinâmico
Um modelo de arquivo (diferentemente de um modelo de postagem/página única) é usado para mostrar uma lista de postagens únicas para taxonomias e seus termos. Esses modelos no WordPress são geralmente usados para a página do blog, categorias de posts e tags de posts. Os modelos de arquivo também podem ser aplicados a outras taxonomias e termos personalizados para um tipo de post personalizado (CPT).
IMPORTANTE: Como um modelo de página única também é um modelo dinâmico, a tag de modelo Post Content deve ser usada em seu modelo de página.
Como criar um modelo de arquivo dinâmico
Um modelo de arquivo (diferentemente de um modelo de postagem/página única) é usado para mostrar uma lista de postagens únicas para taxonomias e seus termos. Esses modelos no WordPress são geralmente usados para a página do blog, categorias de posts e tags de posts. Os modelos de arquivo também podem ser aplicados a outras taxonomias e termos personalizados para um tipo de post personalizado (CPT).
Para criar modelos para suas páginas de arquivo, selecione a opção Archive type (Tipo de arquivo ) na caixa modal New Theme Template (Novo modelo de tema ) e configure as condições do tema para esse modelo. Depois de concluir a configuração do modelo de arquivo, clique em Save (Salvar ) para começar a criar o modelo de postagem única.
IMPORTANTE: Como um modelo de página de arquivo é um modelo dinâmico para exibir publicações, a tag de modelo Posts deve ser usada em seu modelo de arquivo.
Como criar um modelo de página de resultados de pesquisa
Um modelo de página de resultados de pesquisa pode ser criado usando as mesmas etapas da criação de um modelo de arquivo.
Para criar seu modelo de página de resultados de pesquisa, selecione a opção Tipo de resultados de pesquisa na caixa modal Novo modelo de tema e defina as condições do tema como Incluir | Resultados de pesquisa para esse modelo.
Depois de concluir a configuração do modelo de resultados de pesquisa, clique em Salvar para começar a projetar a página de resultados de pesquisa.
Criação de modelos do WooCommerce
Os modelos do WooCommerce seguem uma abordagem ligeiramente diferente do modelo de tema normal do WordPress para todas as suas páginas.
O WooCommerce usa seções especiais (como preços de produtos, quantidades, botões adicionar ao carrinho) e funções para adicionar suas funcionalidades de comércio eletrônico encontradas apenas em suas páginas e em seus modelos. Isso inclui a página da loja, o modelo de página de arquivo de produtos, o modelo de página de produto único, a página do carrinho, a página de checkout e a página Minha conta.
Em nosso novo SeedProd Theme Builder, você pode usar nossos blocos de WooCommerce existentes para criar sua própria página de loja personalizada, modelo de arquivo de produto, página de carrinho e página de checkout. Não deixe de conferir nossa categoria WooCommerce para obter artigos sobre todos os nossos blocos de WC para criar sua impressionante loja.
Adicionaremos mais blocos para criar modelos de página de produto único em nossas próximas versões do plug-in. Fique ligado!
Como criar um modelo de arquivo de produto
Para criar um modelo de arquivo de produto para suas páginas de arquivo de produto, selecione a opção Archive Product type ( Arquivar produto) na caixa modal New Theme Template (Novo modelo de tema ) e configure as condições do tema para esse modelo. Após concluir a configuração do modelo de arquivo de produto, clique em Save (Salvar ) para começar a projetar o modelo de arquivo de produto.
IMPORTANTE: Como o modelo de arquivo de produtos é um modelo dinâmico para exibir produtos, a Grade de produtos deve ser usado nesse modelo de arquivo.
Como criar uma página de loja
Uma página de loja pode ser considerada como uma página de arquivo de produto especial para mostrar todos os produtos em sua loja. No entanto, a criação desse modelo de página do WooCommerce no SeedProd segue uma abordagem diferente.
Você pode começar criando um novo modelo de página personalizada com as condições específicas para incluir a página com o slug da página da loja do WooCommerce atribuída. Por padrão, a página da loja tem o slug "shop", de modo que as condições do modelo podem seguir a sintaxe Include | Pages | shop , como visto na captura de tela abaixo.
Depois de concluir a configuração do modelo da página da loja, clique em Salvar para começar a criar a página da loja.
IMPORTANTE: Como a página WooCommerce Shop também é uma página de arquivo de produtos de toda a loja, a Grade de produtos deve ser usado para mostrar os produtos.
Como criar uma página de carrinho de compras do WooCommerce
A página do carrinho é outra página especial do WooCommerce que mostra todos os itens de produtos adicionados ao carrinho.
Para começar, crie um novo modelo de página personalizada com as condições específicas para incluir a página com o slug da página do carrinho do WooCommerce atribuída. Por padrão, a página do carrinho tem o slug "cart", portanto as condições do modelo podem seguir a sintaxe Include | Pages | cart.
Após concluir a configuração do modelo da página do carrinho, clique em Save (Salvar ) para começar a projetar a página do carrinho.
OBSERVAÇÃO: O WooCommerce Carrinho deve ser usado no modelo da página do carrinho para que a funcionalidade do carrinho funcione corretamente.
Como criar uma página de checkout do WooCommerce
A página Checkout é outra página especial do WooCommerce usada para concluir as compras do cliente.
Para criar uma página de checkout no SeedProd, crie um novo modelo de página personalizada com as condições específicas para incluir a página com o slug da página de checkout do WooCommerce atribuída. Por padrão, a página de checkout terá o slug "checkout". Isso significa que as condições do modelo podem seguir a sintaxe Include | Pages | checkout.
Depois de concluir a configuração do modelo da página de checkout, clique em Save (Salvar ) para começar a projetar sua página de checkout.
OBSERVAÇÃO: o bloco WooCommerce Checkout deve ser usado no modelo da página Checkout para que os pedidos sejam processados corretamente.
Condições do modelo
As condições do modelo oferecem controle total sobre quando e onde cada modelo de tema aparecerá no seu site.
Como funcionam as condições do modelo
Cada condição lhe dá a opção de incluir ou excluir o modelo com base no tipo de post especificado, ou tipo de arquivo, post único, página única ou taxonomia (por exemplo, categoria, tags). Você também pode direcionar postagens ou páginas filhas do grupo com base no nível de hierarquia abaixo da postagem/página de nível superior.
Também adicionamos um campo Priority (Prioridade ) para gerenciar melhor os modelos de tema com condições sobrepostas. Esse valor (o padrão é 10) determina a ordem em que os modelos sobrepostos serão aplicados. O primeiro modelo nessa ordem terá o número de prioridade mais baixo e o último modelo terá o número de prioridade mais alto.
CASO DE USO: talvez você queira usar um modelo de cabeçalho específico para as publicações do blog, um cabeçalho diferente para as páginas e outro para a página inicial/frontal. Nesse caso de uso, você pode incluir um modelo de cabeçalho somente para Posts, incluir o outro modelo de cabeçalho geral para Pages e incluir o modelo de cabeçalho da página inicial para Front Page.
Como a condição do modelo de cabeçalho da página inicial se sobreporá à condição do modelo de cabeçalho geral das páginas, você pode definir a prioridade do modelo de cabeçalho da página inicial com um número de prioridade mais alto (por exemplo, 20). Essa prioridade mais alta permite que o modelo de cabeçalho da página inicial seja exibido enquanto substitui o modelo de cabeçalho das páginas com a prioridade padrão de 10.
Como definir condições para um modelo
É possível definir rapidamente as condições do modelo para o novo modelo de tema na seção Conditions (Condições ) da caixa modal New Theme Template (Novo modelo de tema ). Nessa caixa modal, você pode definir suas regras de condição de inclusão ou exclusão com base nas opções de Tipo disponíveis. Você também pode detalhar um post, uma página ou uma taxonomia específica dentro do tipo selecionado usando seu slug ou ID.
Você também pode editar as condições de um modelo que já criou com a mesma funcionalidade de condições vista ao adicionar um novo modelo de tema. Para fazer isso, siga as etapas abaixo.
- Ir para SeedProd > Criador de temas e passe o mouse sobre o título do modelo de tema para o qual você deseja editar as condições. Em seguida, clique no ícone Editar condições link.
- Dentro do Editar condições você pode modificar as condições do modelo de tema existente na caixa modal Condições seção. Clique em Salvar quando terminar, para salvar essas alterações.
- Pronto! Suas novas condições de modelo serão aplicadas imediatamente em seu site.
Como verificar as condições do modelo
Você pode verificar rapidamente as condições atuais do modelo para qualquer modelo enquanto estiver na página de administração do SeedProd > Theme Builder. O valor das condições atuais pode ser encontrado na coluna Conditions (Condições ) na linha do modelo de tema verificado.
Gostaria de usar sua plataforma de marketing por e-mail no SeedProd? Confira nossa documentação de integração de e-mail para ajudá-lo a começar.