Informativo: Bloco Logos de clientes

Conteúdo 
 O bloco Logos de clientes mostra logos de clientes e parceiros em uma grade ou faixa horizontal. Cada logo pode ter o nome da empresa e um link para seu site. 
 Para acrescentar, mover ou remover blocos, veja a página “Editor de páginas”, no capítulo Painel administrativo. Em cada figura, os círculos vermelhos numerados mostram a parte da tela que está sendo explicada. O número do círculo é o mesmo número da lista logo abaixo da figura. 

 Como os Logos aparecem no site 
 
 Figura 1 — Seis logos no layout Grade, com 4 itens por vez. 
 
 Título — o título acima dos logos. Só aparece quando preenchido. 
 Texto abaixo do título — uma explicação curta. Só aparece quando preenchido; as quebras de linha são preservadas. 
 Logo — a imagem de cada empresa. Com um link preenchido, clicar no logo abre o destino indicado; sem link, o logo é mostrado sem destino clicável. 
 Linha da grade — a quantidade de logos lado a lado no computador segue “Itens por vez”. Quando há mais logos, eles continuam na linha de baixo. A disposição também se adapta às telas menores. 
 

 Layout em slide 
 No layout Slide (com setas) , os logos ficam numa faixa só, que o visitante percorre com as setas ou deslizando o dedo no celular. 
 
 Figura 2 — Os mesmos logos no layout Slide, com 3 itens por vez. 
 
 Faixa de logos — os logos aparecem lado a lado, na quantidade escolhida em “Itens por vez”. 
 Seta para trás — volta na faixa. Fica apagada quando o primeiro logo já está na tela. 
 Seta para frente — avança na faixa. 
 
 As setas só aparecem quando nem todos os logos cabem na faixa. Com apenas um logo, o bloco não usa o slide e não há setas. Sem JavaScript, a faixa ainda pode ser percorrida pelo visitante. 

 Opções do bloco 
 
 Figura 3 — Opções gerais dos Logos de clientes. 
 
 Fundo — a cor de fundo da seção: Claro , Suave ou Escuro . 
 Layout — Grade (lado a lado) , em linhas (Figura 1), ou Slide (com setas) , numa faixa (Figura 2). 
 Itens por vez — 4 itens , 2 itens ou 3 itens : quantos logos ficam lado a lado no computador. 
 Título (opcional) — o título acima dos logos (Figura 1, item 1). 
 Texto abaixo do título (opcional) — a explicação curta (Figura 1, item 2). 
 Logos — a lista de logos e, no canto, quantos existem do máximo de 24 . 
 Item — cada linha é um logo, com o número e o nome da empresa. Clicar abre os campos (Figura 4). 
 Adicionar — cria um logo novo no fim da lista. 
 
 Sem nenhum logo com imagem, o bloco fica oculto no site. Na prévia do editor, aparece “Nenhum logo escolhido” , com a orientação para escolher ao menos um logo no painel. 

 Campos de um logo 
 
 Figura 4 — Um logo aberto para editar. 
 
 Cabeçalho do item — o número e o nome da empresa. Clicar abre ou fecha o item. 
 Setas — ↑ e ↓ mudam a ordem dos logos. 
 X — tira o logo do bloco. 
 Logo — a imagem escolhida. Itens sem imagem não aparecem no site. 
 Biblioteca , Enviar arquivo e Remover — escolha uma imagem da Mídia, envie um arquivo novo ou tire a imagem do item. 
 Nome da empresa (para quem não vê a imagem) — descreve a imagem para tecnologias assistivas e para quando ela não puder ser vista. Preencha o nome para que o logo tenha uma descrição. 
 Link (opcional) — o endereço do site da empresa: uma página do site (como /contato) ou o endereço completo de outro site. Endereços de outros sites abrem em outra aba. 
 
 
 Dicas 
 
 Use uma imagem nítida e preencha Nome da empresa para descrever cada logo. 
 Confirme que o link de cada logo corresponde ao site correto da empresa. 
 Confira a grade e o slide no computador e no celular. 
 
 
 Controle de Mudanças 
 Informações de controle de versão 
 Última revisão: a preencher Próxima revisão: a preencher 
 Autor: a preencher Revisor: a preencher Versão: a preencher 
 
 Notas adicionais 
 As imagens usam as telas reais do NetCorp em um ambiente local. Os logos e os nomes das empresas são exemplos fictícios, não dados de um cliente. Os números vermelhos foram acrescentados às figuras e não aparecem no site nem no painel. 
 Contato de suporte: a preencher . 
 
 Referências 
 NetCorp — bloco Logos de clientes do site e editor de páginas do painel. Modelo de página Informativo e blocos de conteúdo da base de conhecimento.