O que são as Configurações Gerais?
A página Configurações Gerais (?page=settings) é onde o administrador define as informações fundamentais do site da rádio: o nome, a URL, a descrição, o favicon (ícone da aba), o logotipo, o idioma, o fuso horário e os textos do rodapé. Todas as alterações são aplicadas ao clicar no botão Salvar.
Informações do Site
Os primeiros campos definem a identidade textual do site:
- Título do site: O nome principal da rádio exibido no navegador e nos mecanismos de busca. Exemplo: Rádio Teste.
- URL Principal: O endereço completo do site (ex.:
https://v6.uhost.com.br). Importante para links internos e redirecionamentos corretos em todo o sistema. - Descrição: Uma frase curta que resume o site. Aparece em algumas áreas do layout e nos metadados para SEO. Exemplo: “Novo tema!”
Ícone do Site (Favicon)
O Ícone do site, também chamado de favicon, é a pequena imagem exibida nas abas do navegador, na barra de favoritos e nos aplicativos móveis instalados (PWA). O sistema exibe uma pré-visualização de como o favicon aparecerá numa aba do navegador.
- Alterar ícone do site: Abre o seletor de imagens para fazer upload ou escolher o favicon.
- Remover ícone do site: Remove o favicon atual.
- O favicon deve ser uma imagem quadrada com pelo menos 512 × 512 pixels.
Logotipo
O Logotipo é a imagem da marca da rádio exibida no cabeçalho do site e no menu. O painel oferece orientações detalhadas para facilitar o upload:
- Alterar logotipo: Abre o seletor de mídia para enviar ou escolher o arquivo de logotipo.
- Remover logotipo: Remove a imagem atual do logotipo.
Orientações para o logotipo:
- Logotipo horizontal: Tamanho recomendado 400 × 100 px. Ideal para rádios com nome + símbolo lado a lado.
- Logotipo quadrado / ícone: Tamanho recomendado 200 × 200 px. Ideal para símbolos, brasões ou ícones da rádio.
- Use sempre PNG com fundo transparente para melhor integração visual com o site.
Tamanho do Logotipo
O sistema permite configurar o tamanho de exibição do logotipo separadamente para dispositivos Desktop e Mobile, garantindo uma aparência adequada em qualquer tela:
- Desktop – Largura (px): Define a largura do logotipo em telas maiores. Padrão: 60px.
- Mobile – Largura (px): Define a largura do logotipo em dispositivos móveis. Padrão: 50px.
- Altura Automática (manter proporção): Quando marcado, a altura é calculada automaticamente mantendo as proporções originais da imagem. É possível desmarcar e definir uma altura específica.
Data e Hora
A seção Data e Hora garante que o site exiba as informações de tempo de forma correta para o público da rádio:
- Idioma do site: Define o idioma para textos automáticos gerados pelo sistema (datas, rótulos de seções, etc.). Padrão: Português (Brasil).
- Fuso horário: Define o fuso horário para exibição de datas e horários no painel e no site. Padrão: São Paulo (UTC-03:00).
- Formato de data: Define o formato de exibição das datas em todo o site. Padrão: d/m/Y (ex.: 08/05/2026).
Rodapé
A seção Rodapé permite personalizar o texto e a logo exibidos na parte inferior do site:
- Texto de copyright: O texto exibido na parte inferior do site. Suporta a variável
{ano}para inserir o ano atual automaticamente. Exemplo: © {ano} Minha Rádio. Todos os direitos reservados. - Logo do desenvolvedor: Imagem do logo da empresa desenvolvedora exibida no rodapé. Tamanho máximo recomendado: 40 pixels de altura. Possui botões Alterar logo e Remover logo.
- URL do desenvolvedor: Link para o site da empresa desenvolvedora. Ao clicar no logo no rodapé, o usuário será redirecionado para este endereço.
Dicas importantes
- O Título do site aparece na aba do navegador junto ao favicon — escolha um nome curto e identificador.
- A URL Principal deve sempre incluir o protocolo (
https://) e não deve ter barra no final. - Use
{ano}no texto de copyright para que o ano seja atualizado automaticamente todos os anos sem necessidade de edição manual. - O favicon deve ser enviado em formato PNG ou ICO quadrado com no mínimo 512×512 px para funcionar em todos os dispositivos.
- O logotipo deve preferencialmente estar em PNG com fundo transparente para se integrar bem ao tema Light ou Dark.
- Clique em Salvar após qualquer alteração para que as mudanças sejam aplicadas ao site.
