Aparência e menus

Esta página cobre a tela Aparência e menus, no grupo Site do menu. Ela tem três partes: o Tema com as cores, o Modelo do blog e os dois menus do site, o Menu do cabeçalho e o Menu do rodapé.

Só o Administrador edita esta tela, com a permissão Alterar configurações e aparência.

Tema

O Tema são as cores do tom claro, que é o padrão das páginas. Cada cor tem um campo com a amostra ao lado:

• Fundo: a cor de fundo das páginas.
• Texto: a cor do texto principal e dos títulos.
• Texto secundário: os subtítulos e as legendas.
• Texto de apoio: as datas e os metadados.
• Botão: a cor de fundo dos botões.
• Texto do botão: a cor do texto sobre o botão.

Escreva cada cor no formato #rrggbb, por exemplo #1C1C1C. Um campo vazio mostra «Campo obrigatório», e uma cor fora do formato mostra «Use uma cor no formato #rrggbb.».

Antes de salvar, a tela confere o contraste das combinações pelo padrão WCAG AA. São nove pares:

• Texto, Texto secundário e Texto de apoio sobre o Fundo: 4,5:1 cada.
• Texto, Texto secundário e Texto de apoio sobre o cartão: 4,5:1 cada. O cartão é uma cor fixa do tema, que você não edita aqui.
• Texto do botão sobre o Botão: 4,5:1.
• Botão sobre o Fundo: 3:1.
• A borda dos campos sobre o Fundo: 3:1. A borda também é uma cor fixa do tema.

Por isso, um Texto de apoio claro demais sobre o Fundo é recusado, mesmo que os outros campos estejam certos.

Se alguma combinação ficar abaixo do mínimo, a tela não salva. Ela mostra o contraste encontrado e o mínimo junto do campo, por exemplo «Contraste de 2,1:1 entre texto e fundo (mínimo 4,5:1).». A mensagem geral é «O tema não passa na checagem de contraste (WCAG AA). Ajuste as cores indicadas ou volte às cores originais.».

Só o tom claro é editado aqui. Os outros tons seguem o tema padrão do sistema.

Clique em Salvar aparência. A tela mostra «Aparência salva.».

Modelo do blog

Escolha em Modelo um dos três modelos:

• Revista: capa com destaques.
• Autor: leitura de uma pessoa só.
• Central: lista simples com WhatsApp.

O modelo vale para o blog. Para o que cada modelo traz, veja Modelos do blog.

Menus do cabeçalho e do rodapé

Cada menu é uma lista de links, na ordem em que aparecem no site.

• Menu do cabeçalho: até 6 itens, no topo do site.
• Menu do rodapé: até 12 itens, no fim de cada página.

Para adicionar um item, preencha:

1. Texto do link: até 40 caracteres.
2. Destino: escolha Início do site, uma página ou uma categoria do site, ou Endereço externo. Com as páginas e categorias, o item segue o endereço delas.
3. Endereço externo: só para o destino Endereço externo. Comece com http:// ou https://.

Clique em Adicionar ao menu. A tela mostra «Menu atualizado.». Quando o menu chega ao máximo, o formulário de adicionar some e a tela mostra «Limite de 6 itens atingido.» no cabeçalho, ou «Limite de 12 itens atingido.» no rodapé. Para abrir espaço, remova um item.

Em cada item da lista, use os botões:

• Subir e Descer mudam a ordem. O botão Subir não aparece no primeiro item, e o Descer não aparece no último.
• Remover tira o item do menu. Ele não pede confirmação.

Depois de Subir, Descer ou Remover, a tela também mostra «Menu atualizado.».

Um item pode mostrar um aviso no lugar do endereço:

• «O destino foi removido: o item não aparece no site. Remova-o ou crie o destino de novo.», quando a página ou a categoria foi apagada.
• «Esta categoria ainda não tem posts publicados: o item só aparece no site quando houver um.», quando a categoria está vazia.

Se a lista mudou em outra aba enquanto você olhava, a tela pede para recarregar a página antes de mexer no item.

Prévia do site

O painel ao lado tem Prévia do site, com o botão Abrir o site, que abre o site publicado em outra aba.

Salvar o tema, o modelo ou um menu pede uma publicação do site. O site publicado muda quando a publicação termina. Veja Publicação.

Telas desta página

Para quem implanta ou estende: as rotas desta tela.

Método	Caminho	Dono	Título	Permissão	Sem sessão
GET	/painel/aparencia	core	Aparência e menus	core.settings	Não
POST	/painel/aparencia	core	Aparência e menus	core.settings	Não
POST	/painel/aparencia/menus/:menu	core	Aparência e menus	core.settings	Não