Retirar responsivo do site
-
Olá pessoal,
Preciso de ajuda!
Não estou conseguindo achar nada relacionado a deixar o site somente com as características para desktop. Ou seja eu quero que o site tenha a mesma “cara” de desktop em mobile. Como fazer? É possível?
Estou usando o WordPress 5.3.2 com o tema Spacious e o Elementor versão 2.9.5Grato,
Carlos
-
saudações,
diferente, por exemplo, do AMP, em que código específico para AMP é adicionado ao HTML do site, o responsivo não envolve nenhum acréscimo de código, mas antes o uso do HTML e CSS de uma forma fluída, em que o conteúdo se adapta às diferentes larguras dos variados dispositivos existentes. essa configuração normalmente é feita a nível de CSS, usando medidas fluídas, como percentuais, ou dando instruções de medidas dentro de certas faixas de largura.
essa é a grande diferença para o design fixo, esse design que chama de para desktop. no design fixo, se delimita no CSS largura fixas, normalmente em pixel. e se a largura não for suficiente, normalmente aparece uma barra de rolagem horizontal, ao final da tela.
um bom portal sobre esse tipo de conteúdo é Tableless. inclusive indico o artigo abaixo para entender o responsivo em sua essência,
https://tableless.com.br/design-responsivo-na-pratica-2-layout-ao-html/
isso que você quer do site ter a mesma “cara” de desktop em mobile não ocorre porque desktop usa SEMPRE formato paisagem (ou seja, “deitado”), enquanto mobile é normalmente visualizado em formato retrato (ou seja, “em pé”). por causa dessa diferença, um site desktop nunca ficará bom em mobile, a não ser que o usuário “deite” o celular (vire para modo paisagem).
claro que com um programador você pode criar alertas e bloqueios no acesso que orientem o usuário a colocar o celular em modo paisagem e, assim, visualizar o seu site no estilo desktop. mas sem uma estratégia de obrigar o usuário a colocar em modo paisagem, não dá certo usar o design de desktop em mobile. e mesmo obrigar o usuário a ir para modo paisagem é arriscado, pois nem todo usuário vai aceitar a ideia. especialmente porque modo paisagem quase que obriga a usar as duas mãos, enquanto o modo retrato permite usar o celular e navegar usando apenas uma mão.
enfim, você deve ter seus motivos para pensar em algo assim. mas é você ir contra a maré querer ir contra o responsivo, pois responsivo atualmente faz parte de padrões de usabilidade e acessibilidade. o Google, por exemplo, pune sites que não são responsivos.
então talvez seja mais fácil você tentar explicar que efeito ou resultado você gostaria, que precisa que tenha um design “desktop”. como disse acima, uma das soluções mais usadas é obrigar o usuário a colocar o celular em modo paisagem. mas dependendo do que deseja, talvez outras soluções sejam mais indicadas.
boa sorte! [gassho]
Saudações Ralden,
O site está praticamente pronto, no entanto no Elementor existe a possibilidade de vc “ver” como fica em mobile smartphone e tablet, ao colocar essas opções o site fica desconfigurado. Já usei dois plugins (WPtouch) recomendados em outros fóruns e o resultado é o mesmo, ou seja, fica desconfigurado. Por causa dessas condições é que eu gostaria de deixar o site sem a opção de responsivo. Um site que fica com a mesma “cara” que qdo acessado por computador (seja notebook ou desktop). Se puder, acesse um site como exemplo do que estou comentando. Esse site http://www.cebatuira.org.br/ tem a mesma aparência em qqer plataforma. Caso tenha alguma dica de como o meu ficar igual, fico grato!
abraço,
bem, o link que passou é um site sem usabilidade, com a barra horizontal para poder navegar pelos conteúdos que “somem”.
mas enfim, você tem seus motivos de desejar isso. a solução mais indicada é usar um tema não responsivo. porque ai o CSS não terá as soluções de ajustes. um bom exemplo é o tópico abaixo, em que o usuário pede o mesmo que você,
https://wordpress.org/support/topic/looking-for-a-non-responsive-theme/
a solução indicada foi usar o tema Twenty Ten,
https://wordpress.org/themes/twentyten/
o interessante é que esse tema ainda é atualizado pela equipe dos temas Twenty. ou seja, não possui vulnerabilidades de segurança ou, caso algo seja relatado, eles vão atualizar. e como dito pelo usuário que abriu o tópico, o tema realmente não é responsivo.
ai bastará você fazer os ajustes de design nas páginas, usando o Elementor e também as opções do tema em Aparência > Personalizar.
espero ter conseguido ajudar. boa sorte! [gassho]
Olá Ralden,
Gratidão pelas dicas. Vou experimentar o tema indicado. Mas não entendi sobre…
“bem, o link que passou é um site sem usabilidade, com a barra horizontal para poder navegar pelos conteúdos que “somem”.…. o que são conteúdos que somem?Abraço,
saudações,
em mobile, o padrão de navegação é vertical, ou seja, rolar o conteúdo com o dedo para cima. conteúdo, tirando a responsividade, apenas uma parte do conteúdo fica visível, obrigando o usuário a rolar com o dedo também na horizontal. só que como isso não é um padrão, é como se o conteúdo “sumisse”, foi isso que quis dizer. o conteúdo está lá, mas só se tornará visível se fizer rolagem na horizontal.
- O tópico ‘Retirar responsivo do site’ está fechado para novas respostas.