Mecanismo

Quase todas as informações deste Bloco Padrão são inseridas em campos específicos na página de um membro, no painel Dados do membro e aparecerão automaticamente na página onde aplicado.

  Imagem

O tamanho da imagem (4.1.1) é definido no Card personalizado (4.1) onde está contida. Para alterar as dimensões da imagem é necessário alterar as dimensões do Card personalizado — que são definidas através do número de linhas e colunas. A imagem vai aparecer no menor tamanho possível que garanta que sua caixa fique totalmente preenchida.

  Estrutura

1. Espaçador
2. Seção
   1. Grupo
      1. Título do post
   2. Espaçador
   3. Técnicas
   4. Separador
   5. Cidade e Estado
   6. Espaçador
   7. Grupo
      1. Resumo do post
3. Espaçador
4. Grid
   1. Card personalizado
      1. Advanced Image
5. Espaçador
6. Seção
   1. Contatos
7. Espaçador

  Mecanismo

Quase todas as informações deste Bloco Padrão são inseridas em campos específicos na página de um membro, no painel Dados do membro. As informações aparecerão automaticamente na página onde for aplicado..

  Imagem

O tamanho da imagem (1.1.1.1) é definido no Card personalizado (1.1.1) onde está contida. Para alterar as dimensões da imagem é necessário alterar as dimensões do Card personalizado — que são definidas através do número de linhas e colunas. A imagem vai aparecer no menor tamanho possível que garanta que sua caixa fique totalmente preenchida.

  Estrutura

1. Seção
   1. Grid
      1. Card Personalizado
         1. Advanced Image
2. Espaçador
3. Seção
   1. Grupo
      1. Título do post
   2. Espaçador
   3. Técnicas
   4. Separador
   5. Cidade e Estado
   6. Espaçador
   7. Grupo
      1. Resumo do post
4. Espaçador
6. Seção
   1. Contatos
7. Espaçador

  Mecanismo

Carrossel montado manualmente. Caso um produto não contenha alguma das informações presentes no produto padrão — nome, descrição, whatsapp — os respectivos campos devem ser excluídos. O texto do disclamer pode ser alterado no bloco Carrossel de produtos – DIsclamer, localizado nos Blocos reutilizáveis.

  Imagem

A imagem, por padrão, aparecerá com altura de 240px. Deve-se evitar alterar esta altura a não ser em casos onde as imagens aparecerão demasiadamente grandes ou pequenas. A alteração desta altura é feita na Advanced Image (1.1.1.1), no campo altura da caixa. Já a largura da imagem, ao contrário da altura, deve ser editada para cada nova imagem para ajustar seu recorte visual. A alteração desta largura é feita no Card Personalizado (1.1.1) onde está contida. Ela vai aparecer no menor tamanho possível que garanta que sua caixa fique totalmente preenchida.

  WhatsApp

O telefone que vem cadastrado neste bloco é um número inexistente e precisa ser atualizado com o número do membro. Para alterá-lo, é necessário editá-lo no inicio do link do botão. O início do link padrão do botão de contato é:

https://wa.me/5511999999999?text=Olá,%20peguei%20seu%20contato…

O novo número de ser inserido sem nenhum caractere ou espaço entre os números. Após editá-lo, não se esqueça de pressionar o ícone para salvar o novo número. Para mais informações acesse a orientação do WhatsApp.

  Estrutura

1. Seção
   1. Carrossel
      1. Card personalizado (um para cada item do carrossel)
         1. Advanced Image
         2. Grupo
            1. Nome do produto
            2. Parágrafo
            3. Botões
               1. Botão
   2. Parágrafo
2. Espaçador

  Mecanismo

Sequência de títulos e parágrafos com a estrutura básica dos Membros Artesol. O último elemento, que difere da sequência citada, é um bloco que lista os membros relacionados. Os membros relacionados são indicados em campo específico na página de um membro, no painel Dados do membro e aparecerão automaticamente na página onde aplicado.

  Estrutura

1. Título
2. Parágrafo
3. Título
4. Parágrafo
5. Título
6. Parágrafo
7. Título
8. Membros relacionados

  Mecanismo

A imagem e textos são organizados lado a lado em desktops e laptops e empilhados em celulares. Caso o destaque não contenha alguma das informações — texto, autor — os respectivos campos devem ser excluídos. Evitar textos grandes pois em janelas mais reduzidas a quantidade de texto pode ter altura maior que a imagem.

  Imagem

A largura da imagem em relação ao texto é flexível. Por padrão, ela virá com 50% da largura do bloco.

  Estrutura

1. Seção
   1. Mídia e texto
      1. Parágrafo
      2. Parágrafo

  Mecanismo

Este Bloco Padrão consiste na junção de um bloco imagem nativo do WordPress — contém legenda — acima de um carrossel de imagens com um parágrafo utilizado como legenda geral do carrossel. Ambos os blocos estão com largura ampla, criando uma unidade. Seus comportamentos são independentes.

  Imagem

As imagens do carrossel estão configuradas para aparecer na sua proporção original. Para tê-las na mesma altura é necessário que as imagens originais tenham a mesma altura. A largura das imagens do carrossel são configuradas no Card personalizado (2.1.1) onde cada uma está contida. A altura das imagens do carrossel vão variar em função de sua largura — e proporção.

  Estrutura

1. Imagem
2. Seção
   1. Carrossel
      1. Card personalizado (um para cada item do carrossel)
         1. Advanced image
   2. Espaçador
   3. Parágrafo
3. Espaçador

  Mecanismo

Este Bloco Padrão consiste em um carrossel de imagens com um parágrafo utilizado como legenda geral do carrossel. As imagens neste carrossel possuem altura fixa. A largura de cada imagem vai variam em função da sua proporção

  Imagem

As imagens do carrossel estão configuradas para aparecer na sua proporção original com a altura fixa. A altura pode ser alterada na Imagem avançada (1.1.1.1) — recomenda-se que seja a mesma para todas as imagens do carrossel.

  Estrutura

1. Seção
   1. Carrossel
      1. Card personalizado (um para cada item do carrossel)
         1. Advanced image
   2. Espaçador
   3. Parágrafo
2. Espaçador

  Mecanismo

Este Bloco Padrão consiste em um carrossel de imagens com um parágrafo utilizado como legenda geral do carrossel. As imagens neste carrossel possuem altura fixa. A largura de cada imagem vai variam em função da sua proporção

  Imagem

As imagens do carrossel estão configuradas para aparecer na sua proporção original com a altura fixa. A altura pode ser alterada na Imagem avançada (1.1.1.1) — recomenda-se que seja a mesma para todas as imagens do carrossel.

  Estrutura

1. Seção
   1. Carrossel
      1. Card personalizado (um para cada item do carrossel)
         1. Advanced image
   2. Espaçador
   3. Parágrafo
2. Espaçador

  Mecanismo

Mosaico de imagens com desenho pré-definido que mostra um recorte da imagem escolhida. O mosaico tem, por padrão a largura ampla, que pode ser alterada na seção (1), assim como sua cor de fundo. O título e descrição logo abaixo podem ser excluídas caso não tenham conteúdo. O Grid que forma o mosaico tem por padrão espaçamento interno horizontal e vertical de 4px. Esse valor pode ser alterado no próprio Grid (1.2). Recomenda-se usar os valores 4px, 8px e 16px.

  Imagem

A altura e largura de cada recorte pode ser alterada no Card personalizado (2.1.1) no qual a imagem estiver contida Ela vai aparecer no menor tamanho possível que garanta que o card personalizado fique totalmente preenchido.

  Estrutura

1. Seção
   1. Grupo
      1. Título
      2. Parágrafo
   2. Grid
      1. Card personalizado (um para cada item do carrossel)
         1. Advanced image

  Mecanismo

Bloco Padrão para a identificação das técnicas relacionadas à página onde o bloco for inserido. Consiste em um carrossel que suporta dois ou mais blocos reutilizáveis, um para cada técnica. O carrossel já vem com dois blocos por padrão como exemplo mas que podem ser trocados por outros. Abaixo deste carrossel vem outro bloco reutilizável com a apresentação de todas as técnicas.

  Estrutura

1. Seção
   • Carrossel
     • Bloco reutilizável (um para cada técnica)
   • Bloco reutilizável (Carrossel de técnicas)