Colunas do WordPress Genesis Pergunta avançada: Colunas que não aparecem uma ao lado da outra em um telefone celular

Um usuário perguntou ?

Olá Sr. Nick Diego e usuários de plugins,

Sou novo no WordPress. Estou usando o tema “Starte” versão 1.0.8 do munirkamal. Estou com problemas para visualizar meu site em dispositivos móveis. Quero que as colunas alinhadas fiquem próximas umas das outras mesmo em um dispositivo móvel. O que acontece, porém, é que a coluna da esquerda é empilhada em cima da coluna da direita. Eu entendo que uma tela de celular não é tão grande, então pode não ser uma boa solução. Idealmente, os usuários do meu site poderiam girar a tela horizontalmente para ver as duas colunas de um site lado a lado.

As colunas em questão estão no post “segundo posto de teste”. O post “primeiro teste” tem uma foto de como fica no meu dispositivo móvel (safari no iphone 5c).

Eu vi este tópico « mas não tinha certeza se esta é a mesma pergunta que eu tenho.

Obrigado por criar este plugin,

com respeito, Eric

INFORMAÇÕES ADICIONAIS: O objetivo do meu site é colocar o texto e a tradução desse texto lado a lado. Eu adicionei “conteúdo lateral” ao widget para que eu possa colocar explicações de tradução na barra lateral direita. Não acho que o widget esteja afetando as colunas, pois as colunas se comportam da mesma forma que o widget que está ativado e sem ele. Não ativei nenhum outro plugin.

(@ndiego)

3 anos, 2 meses atrás

Olá Erico,

Este é o comportamento pretendido do plugin. A formatação é responsiva, portanto, em telas menores, as colunas caem em uma única coluna. Você pode desativar essa funcionalidade seguindo as etapas abaixo.

Copie o código CSS aqui na parte inferior do arquivo style.css do seu tema. Isso basicamente adiciona todo o estilo de coluna ao seu tema para que você possa personalizá-lo conforme necessário. Após copiar, remova a seção Media Query. É isso que o estilo mobile permite.

Para a etapa final, você precisa desabilitar o estilo do plug-in para que seu estilo personalizado assuma o controle. Para fazer isso, coloque o seguinte na parte inferior do arquivo functions.php do seu tema.

add_filter( 'gca_load_column_styles', '__return_false' );

Então você deve estar pronto para ir.

Melhor Nick

Esta resposta foi modificada 3 anos, 2 meses atrás por.

(@drderde)

3 anos, 2 meses atrás

Obrigado Nick, funcionou bem e aumentou minha confiança para dar um pequeno passo no mundo do CSS.

(@drderde)

3 anos, 2 meses atrás

Atualização: notei que essa configuração não funciona com todos os temas, mas funciona com alguns. Por exemplo, dos “vinte” temas wordpress funciona com 2010,2011,2012 e 2013, mas não 2014,2015,2016 ou 2017. Para alguns desses temas (como 2017), as configurações aqui fazem com que as colunas caiam até em um em uma tela estática (sem essa correção, este plugin de coluna funcionou perfeitamente em 2017). Não é grande coisa, porque eu posso me ater ao que funciona, mas pensei em deixar você saber.

(@ndiego)

3 anos, 2 meses atrás

Olá Erico,

Só para confirmar, você adicionou o PHP acima aos arquivos functions.php de cada tema e o CSS vinculado aos arquivos style.css de cada tema, certo?

Acabei de fazer um teste em 2017 e funcionou como esperado.

Obrigado Nick

(@drderde)

3 anos, 1 mês atrás

Nick, você está certo (é claro!). Tentei novamente com 2017 e funcionou.

Deve ter sido um erro humano (eu mesmo) (copiei os dois códigos em um único documento de texto para facilitar o acesso. Suspeito que estava copiando a linha de estilo desabilitada toda vez que peguei o código CSS deste documento ADIÇÃO ao código CSS )

Obrigado novamente.

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *