Cabeçalho (Membros)
Cabeçalho avançado (Membros)
Carrossel de produtos
Corpo de texto (Membros)
Destaque imagem + texto
Imagem + Carrossel de imagens
Carrossel de imagens II
Carrossel de imagens III
Galeria de imagens
Carrossel de técnicas
Cabeçalho (Membros)
Bloco Padrão para ser utilizado na parte superior da página de um membro. Contém os dados de identificação e contato.
Adicionar novo bloco > Padrões > Membros
Atenção, alguns elementos só vão aparecer (corretamente) quando inseridos nas respectivas páginas.
Especificações
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
- Espaçador
- Seção
- Grupo
- Título do post
- Espaçador
- Técnicas
- Separador
- Cidade e Estado
- Espaçador
- Grupo
- Resumo do post
- Grupo
- Espaçador
- Grid
- Card personalizado
- Advanced Image
- Card personalizado
- Espaçador
- Seção
- Contatos
- Espaçador
Showcase
Blocos padrão são blocos pré-formatados que servem de atalho para a construção de seções mais complexas
Mostrar contatos
AbrirFechar
Cabeçalho avançado (Membros)
Bloco Padrão para ser utilizado na parte superior da página de um membro. Contém os dados de identificação e contato. A imagem ocupa a parte superior toda, de ponta à ponta.
Adicionar novo bloco > Padrões > Membros
Atenção, alguns elementos só vão aparecer (corretamente) quando inseridos nas respectivas páginas.
Especificações
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
- Seção
- Grid
- Card Personalizado
- Advanced Image
- Card Personalizado
- Grid
- Espaçador
- Seção
- Grupo
- Título do post
- Espaçador
- Técnicas
- Separador
- Cidade e Estado
- Espaçador
- Grupo
- Resumo do post
- Grupo
- Espaçador
- Seção
- Contatos
- Espaçador
Showcase
Blocos padrão são blocos pré-formatados que servem de atalho para a construção de seções mais complexas
Mostrar contatos
AbrirFechar
Carrossel de produtos
Bloco Padrão que insere um carrossel de produtos em uma página.
Adicionar novo bloco > Padrões > Geral
Atenção, o número do whatsapp de cada membro precisa ser inserido manualmente.
Especificações
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.
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
- Seção
- Carrossel
- Card personalizado (um para cada item do carrossel)
- Advanced Image
- Grupo
- Nome do produto
- Parágrafo
- Botões
- Botão
- Card personalizado (um para cada item do carrossel)
- Parágrafo
- Carrossel
- Espaçador
Nome do produto
Informação adicional sobre o produto
Nome do produto
Informação adicional sobre o produto
Nome do produto
Informação adicional sobre o produto
Nome do produto
Informação adicional sobre o produto
Nome do produto
Informação adicional sobre o produto
Nome do produto
Informação adicional sobre o produto
A Artesol não intermedeia relações estabelecidas por meio desta plataforma, sendo de exclusiva responsabilidade dos envolvidos o atendimento da legislação aplicável à defesa do consumidor.
Corpo de texto (Membros)
Bloco Padrão com o corpo de texto básico de um membro.
Adicionar novo bloco > Padrões > Membros
Atenção, alguns elementos só vão aparecer (corretamente) quando inseridos nas respectivas páginas.
Especificações
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
- Título
- Parágrafo
- Título
- Parágrafo
- Título
- Parágrafo
- Título
- Membros relacionados
Sobre as criações
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
Sobre quem cria
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
Sobre o território
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
Membros relacionados
Destaque imagem + texto
Bloco Padrão de destaque para ser utilizado entre parágrafos.
Adicionar novo bloco > Padrões > Geral
Especificações
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
- Seção
- Mídia e texto
- Parágrafo
- Parágrafo
- Mídia e texto
Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.
João Pessoa
Imagem + carrossel de imagens
Bloco Padrão que contém uma imagem com destaque e um carrossel de imagens abaixo. As imagens do carrosel abrem em uma galeria para serem vistas em tamanho maior.
Adicionar novo bloco > Padrões > Geral
Especificações
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
- Imagem
- Seção
- Carrossel
- Card personalizado (um para cada item do carrossel)
- Advanced image
- Card personalizado (um para cada item do carrossel)
- Espaçador
- Parágrafo
- Carrossel
- Espaçador
Carrossel de imagens II
Bloco Padrão que contém um carrossel de imagens com altura fixa, tamanho grande. As imagens do carrosel abrem em uma galeria para serem vistas em tamanho maior.
Adicionar novo bloco > Padrões > Geral
Especificações
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
- Seção
- Carrossel
- Card personalizado (um para cada item do carrossel)
- Advanced image
- Card personalizado (um para cada item do carrossel)
- Espaçador
- Parágrafo
- Carrossel
- Espaçador
Carrossel de imagens III
Bloco Padrão que contém um carrossel de imagens com altura fixa, tamanho pequeno. As imagens do carrosel abrem em uma galeria para serem vistas em tamanho maior.
Adicionar novo bloco > Padrões > Geral
Especificações
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
- Seção
- Carrossel
- Card personalizado (um para cada item do carrossel)
- Advanced image
- Card personalizado (um para cada item do carrossel)
- Espaçador
- Parágrafo
- Carrossel
- Espaçador
Galeria de imagens
Galeria de imagens com formato específico. Todas as imagens abrem em uma galeria para serem vistas em tamanho maior.
Adicionar novo bloco > Padrões > Geral
Especificações
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
- Seção
- Grupo
- Título
- Parágrafo
- Grid
- Card personalizado (um para cada item do carrossel)
- Advanced image
- Card personalizado (um para cada item do carrossel)
- Grupo
Carrossel de técnicas
Bloco padrão que consiste em um carrossel de técnicas. O carrossel já vem com cards de duas técnicas. Cards de todas as técnica podem ser encontrados nos Blocos Reutilizáveis.
Caso haja a necessidade de apenas uma técnica, usar a vitrine da respectiva técnica que pode ser encontrada nos Blocos Reutilizáveis.
Adicionar novo bloco > Padrões > Geral
Especificações
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
- Seção
- Carrossel
- Bloco reutilizável (um para cada técnica)
- Bloco reutilizável (Carrossel de técnicas)
- Carrossel