Use a Edição da bancada de trabalho do WPS Espaço de trabalho em 6 tópicos práticos, que abrangem a abertura do editor, a alternância entre visualizações de dispositivo, a configuração de layouts, temas e planos de fundo, o gerenciamento de componentes da página e as ações de salvar, visualizar e publicar; 6 itens estão disponíveis sem associação, e 0 exigem associação.
Índice de instruções
| Nº | Tópico | Requisito de associação |
|---|---|---|
| 1 | 1. Abrir o editor da bancada de trabalho | Grátis |
| 2 | 2. Alternar entre visualizações de dispositivo | Grátis |
| 3 | 3. Definir o layout da página | Grátis |
| 4 | 4. Definir o tema e o plano de fundo | Grátis |
| 5 | 5. Gerenciar componentes da página | Grátis |
| 6 | 6. Salvar, visualizar e publicar | Grátis |
Guia de instruções
1. Abrir o editor da bancada de trabalho
Caminho de acesso: Console de administração empresarial → Configurações da bancada de trabalho → Bancada de trabalho personalizada → Editor da bancada de trabalho
- Clique em Console de administração no painel de navegação à esquerda.
- Clique em Configurações da bancada de trabalho no menu à esquerda.
- Abra a guia Bancada de trabalho personalizada .
- Encontre a bancada de trabalho que deseja editar e clique em Editor da bancada de trabalho.
Critérios de sucesso
- Resultado na interface: A página de edição da bancada de trabalho é aberta.
- Próxima ação disponível: Você pode ver as opções de layout, configurações de tema ou configurações de componentes.
Dicas de uso
- Permissões: São necessárias as permissões adequadas de administrador empresarial.
- Rede: Se a página de administração não carregar corretamente, verifique sua conexão de rede e o status da conta.
2. Alternar entre visualizações de dispositivo
Caminho de acesso: Editor da bancada de trabalho → guias Desktop / Mobile
- Após abrir o editor da bancada de trabalho, revise a visualização de edição padrão Desktop .
- Para configurar a exibição em dispositivos móveis, clique na guia Mobile .
- Ajuste o conteúdo da página para a visualização do dispositivo selecionado no momento.
Critérios de sucesso
- Resultado na interface: A área de edição muda para a visualização do dispositivo selecionado.
- Próxima ação disponível: Você pode continuar com as configurações de layout, tema e componentes para desktop ou dispositivos móveis.
Dicas de uso
- Dica de uso: Desktop e Mobile podem ser configurados separadamente, portanto confirme a visualização atual antes de fazer alterações.
3. Definir o layout da página
Caminho de acesso: Editor da bancada de trabalho → Layout → Layout da Web
- Clique em Layout no painel esquerdo.
- Na área de Layout da Web escolha o layout necessário.
- Selecione entre layouts de coluna única, duas colunas, duas colunas mistas, três colunas ou três colunas mistas, de acordo com o conteúdo da página.
- Visualize em tempo real o efeito do layout na área de edição.
Critérios de sucesso
- Resultado na interface: A área de edição exibe a estrutura do layout selecionado.
- Próxima ação disponível: Você pode continuar ajustando os temas e o conteúdo dos componentes no novo layout.
Dicas de uso
- Problema comum: Após alterar o layout, revise novamente o posicionamento dos componentes para garantir que ele ainda se ajuste à nova estrutura de colunas.
4. Definir o tema e o plano de fundo
Caminho de acesso: Workbench Editor → Configurações de tema
- Clique em Configurações de tema no painel esquerdo.
- Na área de plano de fundo do layout da web, escolha uma cor de fundo ou uma imagem de fundo.
- Se usar uma cor de fundo, clique no bloco de cor ou insira um código de cor.
- Selecione um tema integrado na lista de temas.
- Se necessário, ative Usar imagem de fundo personalizada e envie uma imagem.
Critérios de sucesso
- Resultado na interface: O plano de fundo da página e o estilo do tema são atualizados.
- Próxima ação disponível: Você pode visualizar o estilo geral da página ou continuar para a edição dos componentes.
Dicas de uso
- Requisitos da imagem: As imagens de fundo personalizadas aceitam os formatos jpg, png e jpeg, com tamanho máximo de 3 MB.
- Dica de uso: Os modos claro e escuro podem ser configurados separadamente para diferentes cenários de exibição.
5. Gerenciar componentes da página
Caminho de acesso: Workbench Editor → Configurações de componentes
- Revise a lista de componentes da página atual no editor da bancada de trabalho.
- Clique no componente que deseja ajustar para entrar no modo de edição ou configuração.
- Mantenha o conteúdo dos componentes para desktop ou dispositivos móveis de acordo com a visualização atual do dispositivo.
Critérios de sucesso
- Resultado na interface: O conteúdo do componente selecionado é atualizado ou configurado.
- Próxima ação disponível: Você pode continuar editando outros componentes ou seguir para salvar e visualizar.
Dicas de uso
- Dica de uso: Após alternar a visualização do dispositivo, verifique se o conteúdo dos componentes é exibido por completo em cada visualização.
6. Salvar, visualizar e publicar
Caminho de acesso: Workbench Editor → Salvar / Visualizar / Publicar
- Durante a edição, clique em Salvar na parte superior para salvar o progresso atual.
- Para descartar alterações não salvas, clique em Redefinir.
- Após a edição, clique em Visualizar para verificar o efeito real de exibição.
- Quando a página estiver correta, clique em Publicar para aplicar a configuração.
Critérios de sucesso
- Resultado na interface: A página exibe as informações de horário do salvamento ou o efeito publicado em produção.
- Próxima ação disponível: Outros usuários podem atualizar a bancada de trabalho para visualizar a página atualizada.
Dicas de uso
- Problema comum: Salvar armazena apenas o progresso da edição. É necessário publicar para que as alterações apareçam na bancada de trabalho em produção.
- Dica de uso: Visualize antes de publicar para evitar que conteúdo ainda não confirmado seja aplicado diretamente.