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.

1. Título — o título acima dos logos. Só aparece quando preenchido.
2. Texto abaixo do título — uma explicação curta. Só aparece quando preenchido; as quebras de linha são preservadas.
3. 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.
4. 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.

1. Faixa de logos — os logos aparecem lado a lado, na quantidade escolhida em “Itens por vez”.
2. Seta para trás — volta na faixa. Fica apagada quando o primeiro logo já está na tela.
3. 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.

1. Fundo — a cor de fundo da seção: Claro, Suave ou Escuro.
2. Layout — Grade (lado a lado), em linhas (Figura 1), ou Slide (com setas), numa faixa (Figura 2).
3. Itens por vez — 4 itens, 2 itens ou 3 itens: quantos logos ficam lado a lado no computador.
4. Título (opcional) — o título acima dos logos (Figura 1, item 1).
5. Texto abaixo do título (opcional) — a explicação curta (Figura 1, item 2).
6. Logos — a lista de logos e, no canto, quantos existem do máximo de 24.
7. Item — cada linha é um logo, com o número e o nome da empresa. Clicar abre os campos (Figura 4).
8. 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.

1. Cabeçalho do item — o número e o nome da empresa. Clicar abre ou fecha o item.
2. Setas — ↑ e ↓ mudam a ordem dos logos.
3. X — tira o logo do bloco.
4. Logo — a imagem escolhida. Itens sem imagem não aparecem no site.
5. Biblioteca, Enviar arquivo e Remover — escolha uma imagem da Mídia, envie um arquivo novo ou tire a imagem do item.
6. 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.
7. 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

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.