Desenvolvendo a versão móvel do site WordPress

2

Eu gostaria de criar uma versão para celular do meu site WordPress. Para evitar os problemas e custos com o desenvolvimento de plataformas nativas, gostaria de optar por uma abordagem HTML / CSS / jQuery que fosse acessível a partir dos navegadores Webkit. O site principal já está desenvolvido no WordPress, e o conteúdo pode ser obtido diretamente do CMS.

Gostaria que a versão para celular estivesse disponível em um URL específico, como www.mysite.com/mobile ou mobile.mysite.com

Como posso definir esse novo URL para apontar para esta versão do site? E como esse novo URL mudará à medida que eu navego pelo site para celular? E como posso carregar esse URL por padrão quando um usuário acessa o site a partir de um dispositivo móvel?

Estou certo em pensar que posso desenvolver isso como faria um tema normal para o WordPress, sem nenhuma outra preocupação sobre isso ser destinado a dispositivos móveis em vez de à área de trabalho?

    
por urok93 10.01.2012 / 19:49

4 respostas

2

Dê uma olhada no plugin Mobile Pack para WordPress . Entre muitos recursos, permite mapear um (sub) domínio para outro tema.

    
por Geert 11.01.2012 / 09:44
3

Para criar o tema em si, eu recomendo que você jQuery Mobile . Eu já usei para alguns sites para celular wordpress, funcionam muito bem.

Você pode usar um plug-in como o WPtap Mobile Detector para redirecionar automaticamente os usuários móveis para o tema para celular que você criou. Isso permitirá que eles naveguem com os mesmos URLs da versão para computador, mas através da arquitetura móvel que você definiu no tema.

Sobre o domínio para celular, como mobile.mysite.com indo diretamente para a versão para celular em qualquer dispositivo, ainda não vejo como podemos implementá-lo em um site do wordpress.

Espero que ajude.

    
por kevin 10.01.2012 / 21:25
2

Para a parte de detecção e redirecionamento, o www.handsetdetection.com pode ajudá-lo a criar uma regra uniforme que você pode implementar dependendo do que você precisa.

Para mostrar como é simples configurar as coisas, você pode verificar isso: Como adicionar um perfil de site na detecção de telefone

Espero que isso ajude.

Felicidades!

    
por Florante 11.01.2012 / 02:45
2

Sua pergunta é um pouco conflitante. Tenho a sensação de que você não quer necessariamente um site para celular, mas um website otimizado para dispositivos móveis ou responsivo . Isso significaria, no entanto, que você não precisaria de outro subdomínio ou diretório separado; seu site apenas se adaptaria à largura do dispositivo. Suas etapas de desenvolvimento são mais ou menos mínimas (e levaria mais ou menos um dia).

Comece adaptando uma grade flexível / responsiva à sua estrutura CSS (por exemplo, 1140 Grid ). Vários deles já têm consultas de mídia internas para lidar com larguras típicas de dispositivos (por exemplo, Desktop - > Tablet - > Smartphone). Neste ponto, você só precisa testar, testar e testar. Não há uma maneira fácil de contornar isso e, dentro de cada alteração de largura de dispositivo (por exemplo, consultas de mídia CSS), você precisará decidir como deseja alterar o CSS (adicionar 'display: none' a widgets desnecessários para usuários de smartphones). etc.).

    
por Noel Tock 11.01.2012 / 09:02

Tags