O que é um tema?
A theme is simply a group of graphics, styling, and function codes that make up the overall look and feel of your website. The elements in a theme include page (or section) layouts, typography, colors, the behavior of elements on the page, and other design features seen on different types of pages and sections within a page. In essence, this brings life to your site and is a big contributor to the visitors’ user experience on their journey.
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
Veja John Turner (cofundador da SeedProd) criar o site da SeedProd com nosso novo Theme Builder
Criação de temas no SeedProd Theme Builder
Our new SeedProd Theme Builder takes theme building to another level—theme templates can now be designed quickly in our fast, easy-to-use drag-and-drop interface; no editing theme files are needed!
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)
You can create beautiful websites quickly with a variety of pre-made SeedProd themes we will have for different industries and occasions. Like our landing page and coming soon templates, new themes and theme templates will be added regularly; stay tuned for more awesome website designs!
Nosso tema inicial
Our Starter Theme is a basic yet elegant ready-made theme with all the necessary theme templates to help you get started. It includes a homepage template, header, footer, sidebar, single post template, single page template, and archive template. By default, this archive template is used for the blog page, search results page, and all other archive pages on the 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)
We’ve made it simple to create responsive and dynamic theme templates in 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, siga 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.
- Clicking Save will automatically direct you to the SeedProd Builder and begin creating your template design. Don’t forget to explore our pre-built sections you can use in your custom template!
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
A Single Page template can be created using the same steps as creating a Single Post template. To begin, you’ll select the Single Page type option in the New Theme Template modal box and set up the theme conditions for this template. After completing your single page template setup, click Save to begin designing your single page template.
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. Após 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 de tipo 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.
IMPORTANT: As the WooCommerce Shop page is also a product archive page of the entire store, the Products Grid block must be used to show the products.
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 Salvar para começar a criar 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 segmentar postagens ou páginas filhas de grupos 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.