Construindo um Site de Avaliação de Produto com Extra - Parte 1

Bem-vindo à parte 1 desta série de 4 partes sobre como desenvolver um site de análise de produto usando o Extra. Se você está quebrando a cabeça para saber como começar a desenvolver um site de avaliação de produto, esta série é para você. Com sua funcionalidade de revisão integrada e categorização inteligente de postagens, o Extra é especialmente equipado para criar resenhas de ótima aparência, modelos de postagens de produtos, mega menus e layouts de categorias em minutos. Junte-se a mim enquanto exploramos o poder do Extra.

Eu amo análises de produtos. Na verdade, raramente compro algo hoje em dia sem conduzir uma investigação completa no nível do FBI para determinar o que o mundo tem a dizer sobre o produto. Se eu sair para fazer compras (é raro), sou o cara na loja de frente para uma prateleira por 30 minutos lendo comentários sobre os itens nas prateleiras. E aposto que não estou sozinho.

Os sites de avaliação de produtos são populares e são uma ótima maneira de ganhar algum dinheiro extra no conforto da sua casa, se você estiver pronto para construir um. De uma perspectiva de negócios, criar um blog de resenhas de produtos exigirá um trabalho significativo e muita paciência para ter sucesso. Mas, no que diz respeito ao desenvolvimento do seu site real, o Extra oferece cobertura.

O Extra vem com vários recursos integrados que tornam a adição de análises de produtos muito mais fácil. Os módulos e layouts de categorias inteligentes são extremamente poderosos e fáceis de personalizar. Você pode converter qualquer item de menu em um mega menu com imagens em destaque com um único clique, o que é importante para um site com muito conteúdo. E o poder do Visual Builder adiciona um alto nível de capacidade de design aos layouts de postagem de seu produto.

No post de hoje, irei analisar as opções básicas de tema e as configurações do Customizador de tema para fazer a bola rolar em direção a um site de avaliação de produto com excelente aparência.

Aqui está uma prévia do que iremos construir nesta série

Antes de começarmos, vamos repassar algumas outras etapas importantes a serem consideradas.

Etapas importantes para sites de análise de produtos não incluídos nesta série

Esta série abordará os conceitos básicos de construção e estilo de seu site de avaliação de produto usando o Extra. Portanto, não cobrirei outras etapas importantes que você precisa seguir para criar um site de avaliação do produto bem-sucedido. Algumas dessas etapas de ação importantes incluem:

1. Encontrar o nicho certo e estreitar seu foco. Isso não é fácil e exigirá algumas pesquisas significativas.
2. Pesquise os ganhos da filial para produtos para ver se você realmente vai ganhar dinheiro.
   A Amazon é uma escolha popular para muitos sites de avaliação de produtos, embora nem sempre seja a melhor opção.
3. Criação de uma sequência de optin de e-mail simples e campanha de marketing usando Bloom e serviços de terceiros como Mailchimp ou Aweber.
4. Crie ótimo conteúdo ou contrate outras pessoas para fazê-lo.
5. Otimize seu site para motores de busca (SEO).
6. Divulgue seu site com a mídia social
7. Faça parceria com outros blogueiros em seu nicho para gerar mais tráfego.

Existem mais etapas, é claro.

Preparando os Elementos de Design

1. Versão mais recente do Extra instalada.
2. Um tema infantil ativo. Não editaremos nenhum dos arquivos de tema principais, como os arquivos header.php ou function.php para esta série. Estaremos usando apenas o personalizador de tema e CSS personalizado.
3. Uma versão de cor clara do seu logotipo para um fundo escuro. O tamanho do meu logotipo é 103 × 63.
4. Imagens do produto. Para este tutorial, terei 4 categorias com 3 produtos em cada categoria, então estarei usando um total de 12 imagens. Estou usando imagens de estoque do shutterstock com fundos brancos para dar uma aparência mais limpa.

   Além disso, a maior versão da imagem do produto terá 1280 px (a largura do conteúdo do site), portanto, certifique-se de que suas imagens tenham pelo menos essa largura. Idealmente, eu fotografaria todas as suas imagens com 1280 × 720 para manter a proporção de aspecto 16: 9 da maioria dos monitores.

Tudo pronto? Vamos começar.

Construindo um Site de Avaliação de Produto com Extra - Parte 1

Inscreva-se no nosso canal no Youtube

Configurando Opções de Tema e Configurações do Customizador de Tema.

No painel do WordPress, vá para Extra> Opções de tema> guia Geral e atualize o seguinte:

Logo: insira seu logo. Certifique-se de que é uma versão clara de seu logotipo, pois ele estará sobre um fundo escuro em seu cabeçalho.
Favicon: insira seu favicon
Cor de destaque global: # 222222
Localização da barra lateral: sem barra lateral

Salvar configurações

Agora vá para Extra> Personalizador de tema> Configurações gerais> Configurações de tipografia e atualize o seguinte:

Tamanho do texto do título: 24
Tamanho do corpo do texto: 20
Altura da linha de direção: 1,3
Estilo da fonte do título: B (negrito)
Fonte do cabeçalho: Oswald
Fonte do corpo: Open Sans
Cor do link do corpo: # e6567a

Salvar e publicar

Volte e selecione Background Settings e mude a cor do background para rgba (0,0,0,0.14).

Salvar e publicar

Agora volte ao menu principal do personalizador de tema e selecione Configurações de cabeçalho e navegação> Configurações de formato de cabeçalho e selecione “centralizado”.

Salvar e publicar

Agora volte e selecione Configurações da barra de menu principal e atualize o seguinte:

Altura do menu: 124
Altura do logotipo: 51
Tamanho do texto: 20
Cor do texto: rgba (255,255,255,0,86)
Cor de fundo: # 222222
Cor de fundo do menu suspenso: # 222222
Animação do menu suspenso: virar verticalmente

Salvar e publicar

Agora volte e selecione Configurações da barra de menu secundária e atualize o seguinte:

Tamanho do texto: 20
Cor de fundo: # 121212
Cor de fundo do menu suspenso: # 121212
Tamanho do texto em alta: 16px
Pesquisa, carrinho e tamanho do texto do ícone: 16
Cor de fundo da pesquisa, do carrinho e do ícone: # 444444

Em seguida, volte e selecione Configurações fixas de navegação . Em seguida, atualize o seguinte:

Selecione Ocultar imagem do logotipo
Altura do menu: 60
Tamanho do texto: 16
Cor de fundo: # 222222

Salvar e publicar

Se você está trabalhando com uma nova instalação do WordPress e do Extra, sua página inicial deve ser semelhante a esta.

Configurando categorias para seus produtos

Depois de concluir as configurações do Theme Customizer, você pode começar a adicionar as categorias para os produtos que iremos adicionar no futuro.

Para configurar categorias, vá para o painel do WordPress e navegue até Postagens> Categorias . Na seção Adicionar nova categoria à esquerda, adicione as informações de sua primeira categoria. Para este exemplo, vou adicionar uma categoria chamada “Eletrônicos” com um slug chamado “eletrônicos” e a Cor “# 5bd999”.

Em seguida, clique no botão Adicionar nova categoria .

Vou repetir essa etapa para mais três categorias. Aqui estão as informações para todas as minhas 4 categorias:

1. Nome: Eletrônica
   Slug: eletrônicos
   Cor: # 5bd999
2. Nome: Roupas
   Lesma: roupa
   Cor: # 00c0e4
3. Nome: Cozinha
   Slug: cozinha
   Cor: # e6567a
4. Nome: Saúde e Fitness
   Lesma: saúde e boa forma
   Cor: # 7658f8

Observação: as cores farão parte integrante do design do site, portanto, certifique-se de adicioná-las.

Assim que terminar de adicionar suas categorias, você concluiu a parte 1 da série!

A seguir: Adicionando postagens e criando layouts de postagens para seus produtos

Na parte 2 desta série, começaremos a adicionar nosso conteúdo de postagem e construir um novo layout para as postagens de nossos produtos. Adicionar postagens de resenhas de produtos ao Extra é basicamente como adicionar uma postagem normal, então, se você está familiarizado com a criação de postagens de blog e usando o Divi Builder, não deverá ter problemas com a próxima etapa. Se você é novo em tudo isso, considere este um ótimo momento para aprender como construir com o Extra.

Aqui está um exemplo de uma das postagens de produto que iremos construir na parte 2 de nossa série.

Se você tiver alguma dúvida ou feedback, fique à vontade para postar um comentário.

Saúde!