User Documentation Os temas controlam o aspeto de um sítio Joomla: o esquema, as cores, as posições dos módulos e todos os outros elementos visuais são definidos pelo tema que lhe está atribuído. O Joomla é fornecido com dois temas, Atum para a área administrativa e Cassiopeia para o front end, podendo ambos ser personalizados ou substituídos.
Esta secção aborda os fundamentos do funcionamento dos temas, formas de personalizar o Cassiopeia e construir sobre ele de forma segura, substituindo a sua imagem de marca predefinida, e algumas dicas práticas para variar o aspeto de um sítio de página para página.
Primeiros passos com os temas
O que é um tema e como começar a moldar o aspeto do Cassiopeia utilizando as suas opções incorporadas.
- Fundamentos dos temas – O que é um tema Joomla, os dois temas com que todos os sítios começam (Atum para a área administrativa, Cassiopeia para o front end), e as opções de personalização abordadas noutros pontos desta secção.
- Personalização do Cassiopeia – Utilizar as opções de estilo incorporadas do Cassiopeia e um ficheiro CSS personalizado para alterar a imagem de marca, as cores e o esquema sem editar diretamente o código do tema.
Personalizar temas
Formas de alterar o resultado e a estrutura de um tema para além das suas opções incorporadas, desde sobrepor a forma como uma extensão é apresentada até construir um tema que resista às atualizações.
- Sobreposições de tema – Copiar e modificar os ficheiros de saída de uma extensão para alterar a sua marcação, utilizando uma sobreposição do módulo de autenticação como exemplo prático.
- Esquemas de tema – Criar esquemas alternativos para módulos, componentes, categorias e itens de menu, para que diferentes instâncias possam ter um aspeto diferente.
- Temas-filho – Construir um tema que herda do Cassiopeia e substitui apenas os ficheiros que altera, para que as atualizações do tema não sobreponham as suas personalizações.
- templateDetails.xml do Cassiopeia – O ficheiro XML que define os metadados de um tema, as posições dos módulos, o suporte de idiomas e as opções configuráveis.
Imagem de marca e ícones
Substituir os ícones e o logótipo predefinidos com que o Joomla é fornecido, para corresponder à marca do seu sítio.
- Favicons – Criar e instalar o pequeno ícone apresentado nos separadores do navegador, nos formatos SVG e ICO esperados pelo Joomla.
- Logótipos SVG de tema – Conceber um logótipo vetorial personalizado no Inkscape e configurar o Joomla para utilizar um ficheiro SVG como imagem de marca do sítio.
- Ícones padrão – Utilizar o conjunto de ícones Font Awesome incorporado no Cassiopeia e no Atum, e encontrar o nome de um ícone na biblioteca completa.
Dicas sobre temas
Técnicas práticas para variar o aspeto de um sítio de página para página, em vez de em todo o sítio.
- Alternar temas – Definir o estilo de tema predefinido de um sítio e atribuir um diferente a páginas específicas através de itens de menu.
- Página inicial num estilo diferente – Dar à página inicial o seu próprio aspeto utilizando atribuições de módulos, estilos personalizados, sobreposições ou um tema-filho.
- Estilos de módulos e menus – Adicionar classes CSS personalizadas a módulos ou itens de menu individuais e estilizá-los no ficheiro user.css.