Como usar o gerenciamento de temas?

Webayt O gerenciamento de temas em um CMS é usado para gerenciar arquivos de tema, o tema ativo e as configurações que determinam a aparência do seu site. Nesta seção, você pode visualizar os temas disponíveis, ativar um tema, revisar os arquivos do tema e editar as configurações básicas de design usadas no tema.

O gerenciamento de temas é um aspecto crucial do design visual do seu site. Portanto, recomenda-se cautela, especialmente ao trocar de tema, editar arquivos ou atualizar as configurações do tema.

Para que serve o gerenciamento de temas?

Gerenciamento de Temas , Webayt é a área do CMS usada para gerenciar a infraestrutura de design do seu site. Esta seção controla qual tema seu site exibirá, como os arquivos de tema são editados e algumas configurações de cores/fontes usadas no tema.

Nesta seção, geralmente podem ser realizadas as seguintes operações:

• Veja os temas carregados no painel.
• Ativar um tema
• Visualizando o tema ativo
• Usando o modo tema temporariamente
• Gerenciando arquivos de tema
• Editar configurações do tema
• Atualizando as variáveis de cor e fonte usadas no tema.

Como posso acessar a página de gerenciamento de temas?

Para acessar a página de gerenciamento de temas, você pode clicar no link "Gerenciamento de Temas" no menu à esquerda do painel de administração Webayt.

 Gestão de Temas

Esta página contém duas abas principais: Temas e Configurações de Tema .

• Temas: Esta seção lista os temas instalados no painel.
• Configurações do tema: Nesta área, você pode ajustar as configurações gerais de fonte e cor disponíveis no tema ativo.

Como usar a aba Temas?

Na aba Temas , as pastas de temas instaladas no sistema são exibidas em formato de cartão. Cada cartão de tema contém o nome e o status do respectivo tema.

O tema ativo geralmente é destacado com uma cor ou indicador diferente. Isso facilita a visualização de qual tema está sendo usado no momento em seu site.

O menu de controle do tema pode ser aberto através dos cartões do tema. Dependendo do estado do tema, este menu pode conter opções como Ativar e Gerenciar Arquivos .

Como ativar o tema?

Para ativar o tema que deseja usar em seu site, você pode usar a opção Ativar no menu de ações do respectivo tema.

Quando um tema é ativado, a interface do seu site é exibida de acordo com a estrutura do tema selecionado. Portanto, é recomendável que você verifique se o tema escolhido está funcionando corretamente e se é compatível com a estrutura do seu site antes de fazer qualquer alteração no tema.

O tema ativo geralmente é indicado na lista de temas em verde ou com um ícone especial. Isso ajuda você a ver rapidamente qual tema está em uso no momento.

O que é o Modo Tema?

Em alguns casos, um tema pode ser exibido especificamente para a sua sessão. Essa estrutura pode ser usada para testar ou examinar um tema específico antes de alterar o tema ativo para todo o site.

Quando o modo de tema está ativado, uma área de notificação pode aparecer no painel indicando que o tema em questão está sendo exibido exclusivamente para a sua sessão. Nesse caso, o tema pode ser exibido temporariamente apenas para a sua sessão, e não para todos os visitantes.

Para sair do modo temático, você pode usar o botão "Desativar Modo Temático" na tela.

Qual é a finalidade da opção Gerenciar Arquivos?

A opção Gerenciar Arquivos é usada para visualizar e editar a estrutura de arquivos do tema em questão. Esta área permite examinar os arquivos dentro do tema, juntamente com sua estrutura de pastas.

Na janela Gerenciar Arquivos, as pastas do tema geralmente são exibidas à esquerda e o conteúdo do arquivo selecionado é exibido à direita. Isso permite que os arquivos do tema sejam visualizados e editados por meio do painel, se necessário.

Os seguintes tipos de arquivos podem ser visualizados nesta área:

• theme.json: Este é o arquivo de configuração geral do tema.
• Recursos: Esta pasta contém arquivos CSS, JS, imagens ou outros arquivos de recursos semelhantes usados no tema.
• Definido: Pode conter arquivos que incluem texto definido ou valores de sistema usados dentro do tema.
• módulo: Esta pasta contém os arquivos de aparência para os módulos do tema.
• Arquivos CSS: Utilizados para definir cores do tema, planos de fundo, tipografia e configurações de aparência.
• Arquivos JS: Utilizados para comportamentos interativos dentro do tema.

O que deve ser levado em consideração ao editar arquivos de tema?

Os arquivos de tema podem afetar diretamente a aparência da interface do seu site. Portanto, deve-se ter cuidado, principalmente ao fazer alterações em arquivos HTML, CSS, JS ou de configuração do tema.

• Antes de editar o arquivo, certifique-se de saber o que você está alterando.
• Evite modificações desnecessárias que possam quebrar a estrutura do código.
• Certifique-se de que o arquivo está correto antes de salvar.
• Verifique a interface do site após fazer alterações em CSS ou JS.
• Se necessário, faça um backup do conteúdo do arquivo antes de efetuar qualquer alteração.
• Se o cache for utilizado, lembre-se de atualizar o cache relevante após fazer alterações.

Alterações feitas nos arquivos do tema ativo, em particular, podem afetar instantaneamente a aparência do site. Portanto, a edição de arquivos em sites em produção deve ser feita com cuidado.

Qual é a finalidade da aba Configurações do Tema?

A aba Configurações do Tema é usada para editar algumas variáveis gerais de design utilizadas no tema ativo.

Os valores nesta aba podem ser usados como variáveis em temas. Isso permite que a estrutura definida nos arquivos de tema seja personalizada de acordo com as configurações de fonte e cor inseridas no painel.

A seção Configurações do Tema geralmente inclui as seguintes configurações:

• Seleção de tema: Exibe o tema atualmente selecionado.
• Fonte: Usada para determinar a família de fontes a ser usada no site.
• Cor principal: Esta é a cor principal da marca que pode ser usada em todo o site.
• Cor de fundo do cabeçalho: Pode ser usada para a cor de fundo do cabeçalho dentro do tema.
• Cor de fundo do módulo: Pode ser usada para definir a cor de fundo dos módulos.
• Cor de fundo do módulo 2: Pode ser usada como uma segunda cor de fundo em algumas áreas do tema.

Como usar as configurações de fonte?

O campo Fonte é usado para especificar as informações da fonte que podem ser usadas no tema. Por exemplo, uma definição de fonte como Arial ou sans-serif pode ser inserida neste campo.

Se os arquivos do tema estiverem configurados para usar esse valor como uma variável, o valor da fonte inserido no painel de controle poderá ser refletido nas áreas relevantes do site.

Ao inserir um valor de fonte, recomenda-se usar uma definição que esteja em conformidade com a estrutura atual da família de fontes CSS.

Como usar as configurações de cor?

Os esquemas de cores localizados na seção Configurações do Tema são usados para gerenciar as variáveis visuais utilizadas no tema.

Por exemplo, o valor da cor inserido no campo Cor Principal pode ser usado em botões, links, ícones ou áreas de destaque dentro do tema. Da mesma forma, as cores de fundo do cabeçalho e dos módulos também podem afetar as partes relevantes do tema.

Os valores de cor geralmente são inseridos no formato HEX. Por exemplo:

 #0F5B99
#ffffff
#f3f6fa

Ao escolher as cores, é preciso levar em consideração a identidade da marca do site, a legibilidade e a experiência do usuário.

Como usar as configurações de tema em um tema?

Os campos de fonte e cor na aba Configurações do Tema são usados como variáveis nos arquivos do tema. Isso permite que o desenvolvedor do tema utilize dinamicamente os valores inseridos no painel dentro do tema.

Por exemplo, se valores como a cor principal, a cor de fundo do cabeçalho ou a cor de fundo do módulo forem definidos como variáveis nos arquivos do tema, as alterações feitas no painel poderão ser refletidas nas áreas relevantes do tema.

Essa estrutura permite que algumas configurações básicas de design sejam gerenciadas por meio do painel, em vez de editar diretamente os arquivos do tema para cada alteração.

O que deve ser feito após atualizar as configurações do tema?

Após fazer alterações na seção Configurações do Tema, você precisa salvar as configurações clicando no botão Salvar .

Recomenda-se verificar a interface do site após efetuar as alterações. Isso permitirá que você veja se as cores, a fonte e outras variáveis do tema estão sendo aplicadas conforme o esperado.

Se as alterações não forem imediatamente visíveis na interface do usuário e o cache for utilizado, pode ser necessário atualizar o cache da página ou do site em questão.

O que considerar ao usar o gerenciamento de temas?

A gestão de temas é uma área crucial que afeta a estrutura visual de um website. Portanto, os processos realizados aqui devem ser implementados de forma planejada.

• Verifique o tema atual antes de alterar o tema ativo.
• Se você estiver usando o modo de tema, lembre-se de que ele pode ser específico apenas para a sua sessão.
• Observe que as alterações feitas na área Gerenciar Arquivos podem afetar a aparência do seu site.
• Ao editar arquivos de tema, tome cuidado para não danificar as estruturas HTML, CSS, JS e JSON.
• Ao escolher as cores nas configurações do seu tema, leve em consideração a legibilidade e a consistência da marca.
• Insira o valor da fonte de acordo com a estrutura de família de fontes CSS válida.
• Verifique a interface do site após efetuar as alterações.
• Se o cache estiver em uso, atualize-o quando necessário.

Resumo

O Gerenciamento de Temas é a seção do Webayt CMS usada para gerenciar a aparência e a infraestrutura de temas do seu site. Aqui você pode visualizar os temas instalados, ativar um tema, gerenciar arquivos de tema e editar as configurações do tema.

Os valores de fonte e cor localizados na aba Configurações do Tema podem ser usados como variáveis nos arquivos do tema. Isso permite que algumas configurações de design dentro do tema sejam gerenciadas mais facilmente através do painel de controle.