Observação
O acesso a essa página exige autorização. Você pode tentar entrar ou alterar diretórios.
O acesso a essa página exige autorização. Você pode tentar alterar os diretórios.
O Power Pages contém um conjunto robusto de temas e ferramentas a serem usados para criar um estilo para o site. Escolha entre vários temas predefinidos que você pode aplicar ao seu portal. Use esses temas como ponto de partida e aplique mais personalização com o menu de estilo.
O espaço de trabalho Estilização permite aplicar estilos globais do site. Você pode aplicar atualizações de identidade visual e revisar as alterações na pré-visualização no lado direito da janela do aplicativo. A Aplicação de Estilo oferece 13 temas predefinidos. Em cada tema, você pode personalizar a paleta de cores, a cor em segundo plano, os estilos da fonte, os estilos de botão e as margens de seção.
Abra o estúdio de design.
No painel esquerdo, selecione Estilo.
Veja a lista de temas no espaço de trabalho de estilo. Você pode personalizar ainda mais elementos específicos, como cores e fontes do site, no menu Estilo. O Power Pages oferece fontes básicas e mais de 30 Fontes Google para você escolher.
Selecione um dos temas predefinidos para ver como o estilo é refletido na área de trabalho da tela à direita.
Cada tema tem sua própria paleta de cores.
Você pode ajustar o menu de estilo para fazer ajustes em cada tema. As opções de texto incluem fonte, peso, tamanho e cor.
Escolha entre Salvar Alterações ou Descartar Alterações depois de fazer suas edições.
Um tema modificado é anotado ao lado do nome do tema, a menos ou até que um tema seja redefinido para preservar as alterações.
Redefinir um tema
Para redefinir um tema para seu estado original, selecione as reticências (...) e depois selecione a opção Restaurar para o padrão.
Visualizando sua página
Para ver a página inteira no estúdio de design, selecione o ícone de página inteira.
Para ver o site como ele aparece na produção, selecione o ícone de visualização.
Você também pode usar o seletor de visor para escolher entre visualizações da web, tablet e dispositivos móveis do espaço de trabalho.
Mapeamento de tema
Cada cor da paleta está associada a um elemento específico na página. O tema predefinido consiste em nove cores e três slots para cores selecionadas pelo usuário. Se você personalizar elementos, o mapeamento não estará correto até que o tema seja redefinido.
Para adicionar uma nova cor ou alterar uma cor existente, selecione o sinal de mais (+) na paleta de cores e escolha sua cor usando o seletor de cores, valor hexadecimal ou valores RGB.
Depois que uma nova cor é adicionada à paleta de cores, ela pode ser usada para colorir componentes no menu de contexto.
Note
Para sites criados usando o Power Pages antes de 23 de setembro de 2022, há um problema conhecido relacionado a temas. Mais informações: Ajustando a cor de fundo para o seu site do Power Pages
Desfazer/refazer
Você pode selecionar os ícones Desfazer e Refazer no ambiente Estilo para reverter as atualizações do tema para todos os cenários relacionados à alteração do tema atualmente selecionado.
Você pode aplicar as ações de desfazer/refazer para qualquer configuração de estilo do tema selecionado, incluindo o tema redefinir para padrão nas opções do menu de mais opções (...).
Ao mudar para um novo tema, você receberá uma caixa de diálogo para salvar ou descartar quaisquer alterações não salvas. A pilha de desfazer/refazer é completamente limpa ao escolher uma das ações.
Qual é a experiência esperada de desfazer/refazer?
As opções Desfazer e Refazer apenas suportam alterações feitas no espaço de trabalho de Estilização. O histórico de ações é imediatamente limpo ao navegar para um espaço de trabalho diferente ou ao alternar para um tema diferente.
Por design, algumas ações gerais de estúdio de design não são suportadas, tais como:
Sincronizar, salvar, visualizar, aplicar zoom, redimensionar a tela, navegar entre espaços de trabalho e páginas da Web e fazer upload de arquivos de mídia e CSS.
Alternar para um tema diferente, salvando um tema recém-selecionado sem nenhuma alteração de estilo.
Ações do painel CSS Personalizado, como carregar, ativar/desativar, mover arquivo para cima/para baixo na ordem de prioridade.