Personalizar páginas da Web usando o editor de páginas do estúdio de design

Depois de adicionar as páginas da Web necessárias e gerenciar a hierarquia delas no mapa do site, você pode adicionar vários componentes. O editor de páginas do estúdio de design WYSIWYG faz parte do espaço de trabalho Páginas. Use o editor WYSIWYG para adicionar e editar os componentes que são necessários na tela.

Usar o editor

Para usar o editor:

  1. Abre o estúdio de design para editar o conteúdo e os componentes do portal.

  2. Acesse o espaço de trabalho Páginas.

  3. Selecione a página em que você deseja adicionar o componente ou a seção.

  4. Para adicionar uma seção, passe o mouse sobre qualquer área de seção editável e selecione o sinal de mais (+). Você poderá então escolher entre seis opções de layout de seção.

    The six section layout options.

  5. Para adicionar um componente, passe o mouse sobre a seção onde deseja colocar o componente e selecione +. Você pode então escolher entre os componentes disponíveis.

    The add component menu options.

  6. Para excluir um componente, selecione o componente na tela e selecione Excluir.

Para uma experiência de edição mais imersiva, você pode usar o modo de edição em tela cheia selecionando o ícone de seta dupla no canto superior direito do editor. Você também pode alternar para o Visual Studio Code, ampliar (+), reduzir (-) ou Redefinir a tela de design da página novamente como 100%.

Controls for immersive editing options, including zoom in, zoom out, and reset.

Todas as seções e componentes permitem edição no contexto. Você pode editar qualquer seção ou componente diretamente na tela.

Nota

  • Você não pode excluir o cabeçalho ou rodapé no espaço de trabalho Páginas. Consulte Modelos da Web para obter informações sobre como criar layouts de página personalizados.
  • 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

Confira também

Adicionar texto
Adicionar botão
Adicionar imagem
Adicionar vídeo
Adicionar espaçador
Adicionar o Power BI
Adicionar lista
Adicionar formulário
Adicionar IFrame
Adicionar formulário de várias etapas
Editar código com o Visual Studio Code para a Web
Mapa de site de estrutura