Dar estilo ao seu site de páginas

O Power Pages contém um robusto conjunto de temas e ferramentas a utilizar para dar estilo ao seu site. Escolha de entre vários temas predefinidos que pode aplicar ao portal. Utilize estes temas como um ponto de partida e aplique mais personalização com o menu de estilos.

A área de trabalho Estilos permite-lhe aplicar estilos de site globais. Pode aplicar atualizações de marca empresarial e rever as alterações na pré-visualização no lado direito da janela da aplicação. Estilos oferece 13 temas predefinidos. Para cada tema, pode personalizar a paleta de cores, a cor de fundo, os estilos do tipo de letra, os estilos dos botões e as margens das secções.

1. Abre o estúdio de design.

2. No painel esquerdo selecione Estilos.

   

   Repare na lista de temas da área de trabalho de Estilização. Pode personalizar ainda mais elementos específicos, como cores e tipos de letra do site, no menu Estilos. O Power Pages oferece tipos de letra básicos e mais de 30 Google Fonts à escolha.

3. Selecione um dos temas predefinidos para ver como o estilo se reflete na área de trabalho de tela à direita.

   • Cada tema tem a sua própria paleta de cores.

   • Pode ajustar o menu de estilos para fazer ajustes a cada tema. As opções de texto incluem tipo de letra, peso, tamanho e cor.

4. Escolha entre Guardar alterações ou Descartar alterações depois de fazer as edições.

   Um tema modificado é anotado junto do nome do tema, a menos que, ou até que, um tema seja reposto para preservar as alterações.

Redefinir um tema

Para repor um tema para o estado original, selecione as reticências (...) e, em seguida, selecione a opção Repor predefinição.

Visualização da sua página

Para ver a página completa no estúdio de design, selecione o ícone de página completa.

Para ver o site como aparece em produção, selecione o ícone de pré-visualização.

Também pode utilizar o seletor de viewport para escolher entre as vistas Web, tablet e móvel do espaço de trabalho.

Mapeamento de temas

Cada cor na paleta corresponde a um elemento específico na página. O tema predefinido consiste em nove cores e três ranhuras para as cores selecionadas pelo utilizador. Caso personalize elementos, o mapeamento só será correto depois de o tema ser reposto.

Para adicionar uma cor nova ou para alterar uma cor existente, selecione o sinal de adição (+) na paleta de cores e escolha a cor utilizando o seletor de cores, valor hexadecimal ou valores RGB.

Depois de uma cor nova ser adicionada à paleta de cores, esta pode ser utilizada para colorir componentes no menu de contexto.

Anular/refazer

Pode selecionar os ícones de Anular e Refazer na área de trabalho Estilo para reverter atualizações de tema para todos os cenários relacionados com a alteração de um tema selecionado atual.

1. Pode aplicar as opções de anular/refazer a quaisquer definições de estilo para o tema selecionado, incluindo o tema repor predefinição a partir das opções do menu mais (...).

2. Quando passar para um novo tema, é-lhe pedido através de um diálogo que guarde ou elimine quaisquer alterações não guardadas. A pilha de ações de anular/refazer é limpa após escolher qualquer uma das ações.

Qual é a experiência esperada de anular/refazer?

As opções Anular e Refazer só suportam as alterações efetuadas na área de trabalho Estilo. O histórico de ações é imediatamente limpo quando navega para uma área de trabalho diferente ou muda para um tema diferente.

Por design, algumas ações gerais do estúdio de design não são suportadas, tais como:

• Sincronizar, guardar, pré-visualizar, ampliar o zoom, redimensionar a tela, navegar entre áreas de trabalho e páginas Web, e carregar suportes de dados e ficheiros CSS.

• Mudar para um tema diferente, guardando um tema recentemente selecionado sem alterar o estilo.

• Ações do painel CSS Personalizado, tais como carregar, ativar/desativar, mover um ficheiro para cima/para baixo por ordem de prioridade.

Ver também

• Utilizar o estúdio de design
• Criar e estruturar páginas
• Personalizar páginas
• Gerir ficheiros CSS