Como otimizar um site para dispositivos móveis
Ajuste da visibilidade do bloco
Como projetar diferentes versões de um bloco em dispositivos móveis e computadores
Leia mais
Ajuste dos paddings para celular
Como alterar os tamanhos dos blocos para versões móveis
Leia mais
Sua própria versão de site responsivo
Como criar sua própria versão para celular usando o editor Zero Block
Leia mais
Desativação do modo adaptativo do site
Como desativar a versão adaptativa do site para várias resoluções de tela
Leia mais
Visibilidade da área visível/visibilidade do bloco é uma configuração que determina quais blocos podem ou não ser exibidos em determinados tipos de dispositivos. Você pode ajustar esse parâmetro no painel Settings (Configurações) de qualquer bloco.
Se um bloco tiver uma boa aparência no desktop, mas não for tão bom no celular, talvez você queira definir a visibilidade do bloco para 980px ou mais. Dessa forma, o bloco se tornará orientado para desktop e não aparecerá em dispositivos móveis. (русская версия отличается - Se um bloco específico (como uma seção de herói) tiver boa aparência)
Depois disso, copie o bloco e otimize-o para visualização em dispositivos móveis ajustando suas configurações (o que pode envolver a alteração da imagem), fonte, etc.). Defina a visibilidade do bloco como "0-980px". Como resultado, você obterá uma versão móvel do bloco. tamanho da fonte???
No final, aqueles que acessam seu site de um PC verão a versão para desktop e os usuários de celular verão a versão para celular.
A visibilidade do bloco é um parâmetro que pode ser encontrado no painel Settings (Configurações) de qualquer bloco e ajustado para que o bloco apareça ou não em dispositivos com uma resolução de tela específica. Por exemplo, alguns blocos não ficam bem em tablets e outros em celulares. (русская версия отличается - есть уточнение, что это именно range, ou seja, valores diferentes para os parâmetros - и дублируется)
Temos uma capa que fica ótima no desktop, com o texto alinhado à esquerda e o objeto principal à direita. Agora, vamos ajustá-la para que fique boa também em dispositivos móveis. (русская версия отличается)
Veja como é a versão do site para celular. Como podemos ver, a capa/foto é cortada no celular e não parece muito boa. (русская версия отличается)
Ajuste o bloco para a versão móvel - altereo alinhamento da foto e do texto. (неясная русская фраза)
Pronto! Agora a seção de capa/herói é exibida de forma diferente, dependendo da largura da tela.
iPhone6: 375px
iPhone6+: 414px
iPad: 1024px
Samsung Galaxy: 360px
Nokia Lumia: 320px
(отличается порядок версий)
Você pode ajustar o bloco para que ele seja responsivo a vários dispositivos, convertendo-o em Zero Block com uma opção na guia Settings (Configurações) do bloco. Essa opção está disponível na maioria dos blocos now/at the moment (уточняется, что это сейчас пока что в доступе или что уже есть???)
