29 of março de 2010

Plugin de WordPress que adapta seu site para iPhone, smartphone e celular

FAQ boo-box, Publishers Postado por

boo-blog home touch

Conteúdo social é o mais requisitado por usuários de Internet em celulares e smartphones[bb] [fonte]. Previsões indicam que redes sociais em dispositivos móveis vão atingir 950 milhões de usuários e movimentar 60 bilhões de dólares em 2012.

Atualmente o mercado já é promissor. Com 18 milhões de usuários em redes sociais em julho de 2009, vale a pena preparar seu site para acesso em dispositivos móveis o quanto antes e estar pronto para a audiência consumir seu conteúdo usando as telas pequenas (mais informações sobre Mídias Sociais em dispositivos móveis).

Como preparar seu site WordPress para iPhone[bb], celular, smartphone e outros dispositivos móveis sem digitar uma linha de programação :)

Na área de administração do seu WordPress[bb] vá em “Plugins” e clique no botão “Add new” ao lado do título:

Add New na área de Plugins do WP

No campo de busca, procure por MobilePress e instale-o.

Se não conseguir instalar diretamente pelo WordPress, baixe o pacote .zip do MobilePress manualmente e suba pro seu servidor via FTP (como instalar plugins no WP via FTP).

Instale e ative o MobilePress.

Se você não usa o plugin WP Super Cache, seu site já deve estar funcionando perfeitamente para iPhone, celular e smartphone.

Fazendo o MobilePress funcionar com o WP Super Cache

Se você usa o plugin WP Super Cache, vai precisar configurá-lo pra funcionar corretamente com a versão mobile.

Coloque o WP Super Cache em half on:

Imagem do WP Super Cache em Half On

Se seu site não tem tanto tráfego quanto o Twitter ou Facebook, dificilmente você vai perder performance com essa nova configuração. Na prática on e half on são muito parecidos para sites com até 10 milhões de acessos por mês.

Salve:

WP Super Cache - Update Status

Desça até o campo Rejected User Agents:

WP-Super-Cache-Rejected-UA

Copie o texto abaixo e cole no campo Rejected User Agents do seu WP Super Cache – tenha certeza que os nomes vão ficar separados linha a linha:

bot
ia_archive
slurp
crawl
spider
2.0
MMP
240×320
400X240
AvantGo
BlackBerry
Blazer
Cellphone
Danger
DoCoMo
Elaine/3.0
EudoraWeb
Googlebot-Mobile
hiptop
IEMobile
KYOCERA/WX310K
LG/U990
MIDP-2.
MMEF20
MOT-V
NetFront
Newt
Nintendo
Wii
Nitro
Nokia
Opera
Mini
Palm
PlayStation
Portable
portalmmm
Proxinet
ProxiNet
SHARP-TQ-GX10
SHG-i900
Small
SonyEricsson
Symbian
OS
SymbianOS
TS21i-10
UP.Browser
UP.Link
webOS
Windows
CE
WinWAP
YahooSeeker/M1A1-R2D2
iPhone
iPod
Android
BlackBerry9530
LG-TU915
Obigo
LGE
VX
webOS
Nokia5800
android
blackberry9500
blackberry9530
cupcake
dream
incognito
iphone
ipod
mini
webOS
webmate

Salve:

Wp Super Cache - Save UA Settings

Suba até a área Cache Contents e limpe o cache clicando em “Delete Cache”:

WP Super Cache - Delete Cache

Pronto, tudo deve estar funcionando perfeitamente. Teste com seu celular[bb] :)

  1. Filipe Bragança | março 29, 2010 @ 23:41 - Responder

    Legal Marcos,

    tem também o plugin WPtouch que faz o mesmo mas com um layout e recursos bem mais interessantes. Confere aí.

    http://www.bravenewcode.com/products/wptouch/

  2. Marco Gomes | março 30, 2010 @ 0:02 - Responder

    Oi Filipe!

    O WPTouch é realmente mais interessante, mas menos abrangente, só funciona pra iPhone e iTouch.

    Indiquei o MobilePress por ser mais abrangente e suportar mais dispositivos, o objetivo do tutorial é ser super simples e exigir o mínimo de configurações possível.

    Bom lembrar que eles não são excludentes, pode deixar os dois instalados que vão funcionar perfeitamente, WPTouch pra iPhone e iPod Touch, MobilePress pra outros smartphones e celulares.

  3. Jean | março 30, 2010 @ 0:10 - Responder

    boa, marcos!

  4. Filipe Bragança | março 30, 2010 @ 0:10 - Responder

    Oh bacana, não sabia que rolava deixar os 2 ativados.

    Vou fazer isso agora mesmo. A minha intenção foi só contribuir com mais uma opção.

    Abraços

  5. Marco Gomes | março 30, 2010 @ 0:19 - Responder

    Obrigado pela contribuição Filipe :)

  6. Jorge Alberto | abril 4, 2010 @ 2:07 - Responder

    Marco e Filipe,

    Acabei de instalar o WPTouch em meu blog, o Recanto das Palavras (http://recantodaspalavras.com.br) e fiz um teste usando meu Nokia e63. Rodou perfeitamente e até agora não vi nada que comprometesse o desempenho do plugin. Farei mais alguns testes e também instalarei o MobilePress.

    Abraços.

  7. André Zuil | maio 3, 2010 @ 15:16 - Responder

    Muito legal a dica de configuração.
    Já fiz no meu blog. Abração

  8. Marcos | maio 3, 2010 @ 20:30 - Responder

    e para Blogger..nao tem?

  9. Marcelo | junho 11, 2010 @ 20:44 - Responder

    Ola Marcos gomes,eu tenho um site de vendas,e gostaria de tmb esta fazendo
    propagando pelo celular,smartphone e iphone.
    Eu gostaria de criar uma engearia contendo meus produtos e envia nos telefones dos meus cliente falando das promoçoes,e elas clica na engearia e abrir meu site no telefone delas ???
    igual a propaganda no email soh que poren no celular…
    seh possivel eu gostaria seh saber o que eu podia estar fazendo pra min consigue fazer isso !
    muito obrigado !!!

  10. Manoel | outubro 29, 2010 @ 15:22 - Responder

    Porque até o WordPress.org tirou esse plugin da lista de downloads? Não consigo mais baixar esse plugin

  11. Alexander Lima | dezembro 28, 2014 @ 11:44 - Responder

    Muito bacana!

    Seu post me ajudou muito, há tempos estava tentando deixar o blog da minha namorada responsivo para outras plataformas, mas nenhum plugin era compatível com o WP Super Cache. Mas depois de seguir suas dicas deu tudo certo, muito obrigado mesmo.

    Abraços.