Este guia detalha o comportamento do Site Creator da Infomaniak e do site criado com ele, em relação aos diferentes formatos e resoluções de tela.

Visualizar o site em diferentes dispositivos

Os sites criados com o Site Creator são automaticamente adaptados aos navegadores, independentemente do dispositivo (computador, dispositivo móvel, tablet, tela grande ou pequena, etc.). No entanto, eles podem apresentar comportamentos diferentes dependendo de certos parâmetros que você pode ajustar.

Comece por se conectar ao Painel de Controle Infomaniak com seu identificador (usuário com as permissões necessárias para o produto em questão):

1. Clique aqui para acessar o gerenciamento de hospedagens e sites (filtrado para exibir apenas o Site Creator).
   • Se nada for exibido, você pode não estar na Organização à qual seu site está vinculado (❓: ajuda).
2. Clique no nome do Site Creator correspondente:
   
3. Clique no botão para editar o seu site:
   

Depois de estar no Site Creator, para visualizar a versão do site de acordo com o dispositivo:

1. Clique no botão ••• localizado na parte inferior do menu lateral esquerdo para expandir as opções de publicação e visualização:
   
2. Clique em Visualizar:
   
3. Na parte superior da página, clique no menu de ação ⋮ à direita de Pré-visualização para alterar o tipo de dispositivo de visualização.
4. Clique nos diferentes ícones de dispositivo para simular os diferentes formatos de visualização (móvel, vertical, horizontal…):
   

Exibir seu site em largura reduzida

Você pode reduzir a largura do seu site, dentro de um “container” ou “bloco”. Essa exibição especial só será visível em telas grandes, como as de computadores:

1. Clique no botão Design no menu lateral esquerdo.
2. Clique em Mais configurações.
3. Ative o botão de alternância (toggle switch) para exibir o contêiner:
   
4. Salve as alterações na parte inferior da página.

Ocultar um bloco de conteúdo de acordo com o tipo de dispositivo

Nas opções de um bloco de conteúdo, ao desativar a visibilidade padrão, poderá definir para que este bloco seja exibido apenas em determinados tipos de dispositivo (por exemplo, dispositivos móveis):