O que mudou no modo de edição das páginas após a atualização do Site Singular?

        18 de julho, 2022
Este é um dos conteúdos relacionados à atualização da plataforma do Site Singular para a versão Liferay 7.3, realizada em 25 de junho de 2022. Acesse aqui as demais novidades e mudanças da atual versão.

Olá!

Se você já gerenciava o Site Singular antes de 25 de junho de 2022, vai perceber algumas mudanças no modo de edição de páginas do site.

Listamos abaixo tudo o que mudou nesses recursos de edição, após a mais recente atualização da plataforma. Para começar, temos algumas novidades na barra de ferramentas da lateral direita. Os menus apresentados agora são os seguintes:

>> Fragmentos e Widgets
>> Seleção
>> Opções de design da página
>> Comentários

 

Fragmentos e Widgets

Na versão anterior da plataforma, os menus Seções, Construtor de Seção e Widgets eram apresentados separadamente:



Agora, eles deram lugar a um menu único, identificado pelo ícone de mosaico, que é composto por duas abas: Fragmentos e Widgets.



Na aba Fragmentos, encontramos todos os elementos que antes eram divididos em Seções e Construtor de Seção, ou seja, os ítens mais utilizados para a construção do site.

Nele, você encontrará:
  • Elementos do layout – contêiner, grade
  • Barras de navegação – estilos claro ou escuro
  • Exibição de conteúdo – marcadores, avaliação do conteúdo
  • Componentes básicos – título, parágrafo, imagem, botão etc
  • Conteúdo de destaque – centro da faixa, anúncio, controle deslizante etc
  • Rodapés – estilos claro ou escuro
  • Unimed Banners – nossos banners exclusivos (centralizado, deslizante, com cards etc)
  • Unimed Componentes – nossos componentes exclusivos (card com imagem, icon card, canais de atendimento etc)

Já os Widgets são os mesmos que já conhecemos, e estão agrupados em:
  • Destaques
  • Amostra
  • Busca
  • Colaboração
  • Comunidade
  • Ferramentas
  • Gerenciamento de conteúdo
  • Notícias
  • Social
  • Unimed
  • Wiki

O modo de visualizar os componentes também mudou. Antes, eram apresentados em miniaturas:



Agora, é possível viualizar o modelo do componente passando o mouse sobre o ícone:



Na versão anterior, as configurações dos componentes eram acessadas em cada fragmento:



Agora, são exibidas na coluna à direita, onde existe uma nova aba Estilos, por onde conseguimos alterar toda a aparência dos componentes. Por exemplo, margens, tamanhos de fontes, cor de fundo, entre outros.




A forma de inserir inserir os componentes na página também deve alterações.

Na versão anterior da ferramenta, a estrutura da página era construída de modo automático, ou seja, ao adicionar o componente na página automaticamente era criado um layout e o usuário conseguia apenas configurá-lo.




Agora, na versão atual, primeiramente é necessário montar o layout que irá receber os componentes.

Para isso, deve-se:
  1. Acessar Elementos do Layout e arrastar um Conteiner para a página —  é o que irá determinar a área que o componente irá ocupar na página
     
  2.  
     
  3. Acessar Elementos do Layout e arrastar uma Grade para dentro do Conteiner — é o que irá definir a quantidade de módulos (colunas)

     
     
  4. Arrastar os componentes para dentro da Grade


Dessa forma, a construção das páginas deve ficar setorizada por Conteiner > Grade > Componente.

Confira o passo a passo:




Importante saber: A barra de busca serve tanto para pesquisar por Fragmentos quanto por Widgets


 

 

Seleção

Abaixo de Fragmentos e Widgets, há o novo modo Seleção. Ele exibe todos os componentes já aplicados na página e permite que você faça alterações como excluir ou mover de lugar os fragmentos já inseridos:

 

Opções de design da página

Para configurar a Aparência da página, agora há um atalho também pela barra lateral direita. É o quarto ícone, e clicando em "Mais" você será direcionado à área para fazer as alterações de design da página.



As opções de Alterar Mestre e Alterar livro de estilo ainda não estão disponíveis.

Você conseguirá alterar apenas a aparência da página, selecionando a opção Definir aparência para esta página. E então você pode ativar ou desativar opções como "Mostrar cabeçalho", "Motrar rodapé", entre outras.

 

Comentários

Com a atualização da ferramenta, também se tornou possível inserir Comentários nos fragmentos.

Essa opção pode ser utilizada para registrar o histórico de alterações realizadas na página, ou para que os administradores do site possam interagir sobre as modificações que estão realizando, por exemplo.

A função Comentários é o último item do menu lateral direito, no modo de edição. Basta selecionar o fragmento para adicionar um comentário.




>> Confira outras mudanças e novidades da atualização do Site Singular
 


Ficou com outras dúvidas?

> Pesquise pelo que precisa aqui na Central de Ajuda, ou
> Abra um chamado para nossa equipe em: Canal do Colaborador > Aplicativos > GIU > Sistema de Gestão de Demandas > Abertura de Chamado > Sistemas e Aplicações