Estilos e modelos de site

  • 3 minutos

Um tema descreve as cores, fontes, margens de seção e outros elementos de design de um site do Power Pages. Cada site é provisionado com um tema definido pelo modelo selecionado. Usando elementos de Estilo, você pode personalizar o tema para alinhar o visual do site com os requisitos de design, como uma identidade visual corporativa específica.

Aplicação de Estilo

Escolha um tema entre várias predefinições disponíveis e aplique personalizações. Você vê qualquer personalização imediatamente na página, facilitando o trabalho com o estilo básico.

Captura de tela do workspace Using Styling para selecionar e modificar um tema.

Você também pode usar Copilot para gerar um novo tema. Descreva sua marca ou a aparência desejada e Copilot cria um tema personalizado gerado por IA que você pode examinar e aplicar. Esse recurso está disponível na área de trabalho Estilo.

CSS personalizado

Para requisitos de estilo mais complexos, o estúdio de design do Power Pages permite que os criadores carreguem arquivos CSS personalizados.

Captura de tela da interface de carregamento CSS personalizada.

Depois de carregar o arquivo CSS personalizado, ele se aplica a todos os temas e a tela da página reflete os estilos aplicáveis. Você pode carregar vários arquivos CSS e definir a ordem conforme necessário. Para obter mais informações sobre o CSS personalizado, consulte Gerenciar arquivos CSS no Power Pages na documentação do produto.

Você também pode aplicar estilo a páginas individuais usando o Visual Studio Code para o editor da Web. Quando você abre uma página no editor, três arquivos são carregados: HTML, CSS e JavaScript. Todas as alterações no arquivo CSS se aplicam somente à página selecionada.

Modelos

Para sites complexos, os layouts padrão disponíveis no estúdio de design do Power Pages podem não ser suficientes. Para esses cenários, o Power Pages dá suporte à criação de páginas usando layouts personalizados.

Para cenários avançados, layouts personalizados podem ser criados como modelos de página no aplicativo Gerenciamento de Portal. Quando você define um novo modelo de página, ele fica disponível no estúdio de design como um layout personalizado.

Captura de tela do modelo de página personalizado disponível como layout no estúdio de design do Power Pages.

Para obter informações detalhadas sobre como criar modelos de página personalizados, consulte Criar e gerenciar modelos de página e Armazenar conteúdo de origem usando modelos da web na documentação do Power Apps.