A Rede Nacional do Artesanato Cultural Brasileiro é uma iniciativa da Artesol, organização sem fins lucrativos brasileira, fundada em 1998 pela antropóloga Ruth Cardoso. Seu objetivo principal é promover a salvaguarda do artesanato de tradição cultural no Brasil. Por meio de diversas iniciativas, a Artesol apoia artesãos em todo o país, revitaliza técnicas tradicionais, oferece capacitação, promove o comércio justo e dissemina conhecimento sobre o setor.

Showcase

Blocos padrão são blocos pré-formatados que servem de atalho para a construção de seções mais complexas

  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

  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

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

  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
  5. Seção
    1. Contatos
  6. 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.

  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

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

  1. Título
  2. Parágrafo
  3. Título
  4. Parágrafo
  5. Título
  6. Parágrafo
  7. Título
  8. 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

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

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

  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
Legenda da imagem / Crédito da foto: Nome do fotógrafo

Legenda da galeria / Crédito das fotos: 1. Nome do fotógrafo / 2. Nome do fotógrafo

  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

  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

Legenda da galeria / Crédito das fotos: 1. Nome do fotógrafo / 2. Nome do fotógrafo

  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

  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

Legenda da galeria / Crédito das fotos: 1. Nome do fotógrafo / 2. Nome do fotógrafo

  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

  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

Donec sodales sagittis

Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus

  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

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