Melhorando a Acessibilidade do Blog no Celular
Eu já fiz algumas alterações no layout do blog para quem o acessa normalmente pela Internet. Inclusive, deixando a acessibilidade o mais simples possível para quem utiliza um leitor de telas para navegar.
Mas, e para quem utiliza um celular ou smartphone?
A melhor saída que encontrei foi utilizar o plugin WordPress PDA. Principalmente, porque ele altera o tema WP de seu blog ao detectar que o seu navegador é proveniente de um dispositivo móvel. Esse tema, que fica dentro de uma pasta do plugin, é totalmente editável do mesmo modo como fazemos com um tema normal do WP.
E por que ter um tema diferente?
Porque você pode fornecer um tema que é muito mais leve e portanto de carregamento mais rápido. Isto dará a acessibilidade, agilidade e economia para quem usa a Internet pelo celular, além de poder ser um diferencial.
Como o tema do plugin é editável, podemos introduzir algum hack para testar um campo personalizável que criamos, por exemplo, mobile. Com isto, é possível criar conteúdo exclusivo configurando o campo “mobile = sim” no próprio painel de edição de posts do WordPress. E no tema principal, apresentar apenas os posts sem esse campo, ou seja, “mobile != sim”.
Resumindo, com o WordPress PDA é possível ter mais um canal de comunicação para o blog, além de possibilitar a apresentação de conteúdo diferenciado para dispositivos móveis.
Compartilhe!
 Celular Mp20 F035 Com Gps Gratis Wi Fi Tv 2 Chips 2gb Brinde Mais info» R$ 348.98 até 18x de 26.17 |  Mp20 Celular Smartphone 2chips Mp15 E9000 Wifi Java Touch Tv Mais info» R$ 278.00 até 18x de 20.85 |  Nokia N900 32gb 3g Wifi Gps Preto Lançamento Mais info» R$ 1,199.00 até 18x de 89.93 |  Celular Mini Hi Phone Dois 2 Chip Tv Java Branco Mp10 Mp12 3 Mais info» R$ 219.99 até 18x de 16.50 |  Celular Mp20 N97 Wi Fi Tv Java Msn 2cam 2chip Função Office Mais info» R$ 289.99 até 18x de 21.75 |  Celular Motorola Milestone A853 8gb Android 2 Sedex Grátis Mais info» R$ 1,049.00 até 18x de 78.68 |
| Vitrine TecnoBlog |
Já instalei, agora só falta testar. Esse não tem nenhum problema de imcompatibilidade assim como o WordPress Mobile Edition, né, Noberto?
Abraço.
Alex,
por enquanto não encontrei nenhuma incompatibilidade.
Tente acessa o meu blog com o celular e veja se está tudo ok.
abraço
Ah, Noberto, até poderia tentar se fosse possível com o meu incrível celular (1100 da Nókia). hehe
Abraço.
Alex,
acabei de acessar o seu blog. Tá uma beleza. Só um detalhe: coloque pelo menos um post completo para quem acessa a home. Assim evita que navegação demais pelo celular…
abraço
Noberto,
Obrigado por testar. Eu pensava que o WordPress PDA importava as configurações do layout original. Depois vou ver se consigo alterar isso (a quantidade de posts na home).
Abraço.
Ah, outra coisa: Já que estamos falando de acessibilidade: Caramba, as páginas do Escrita Torta em Linha Reta estão muito pesadas, com quase 1 MB de tamanho – provavelmente isso se deve as sidebars. Tu só tá perdendo pros blogs do Cardoso, e agora que ele deu uma limpada…
Abraço.
p.s: Corrige o título: Acessibilidade.
Alex,
valeram as dicas.
Realmente as páginas do Escrita Torta estão pesadas, mesmo. mas não vi aquela que chega a 1Mb, não. O máximo que vi foi 500Kb, o que já é um monstro.
Vou ter que abrir mão de alguns links na página principal…
abraço
Essa aqui tem 767 kb.
Ah, Noberto, não esquenta com os links. Quanto mais simples e limpa for a navegação maior é a chance do usuário encontrar o que procura.
Alex,
que ferramenta você utilizou para ver a quantidade de Kb da página?
Tenho a desconfiança que é o Brian’s Threaded Comments que está deixando a página pesada… mas gostaria de saber como você fez esta medida para poder parar os plugins “perfumaria”…
abraço
Noberto,
Não precisa de ferramenta alguma, poxa. É só você esperar a página carregar completamente e salvá-la (do navegador, mesmo). Então vai ser criada uma página e uma pasta com as imagens e afins; você seleciona tudo e vê o tamanho.
Perguntei por isso mesmo.
Essa página tem 574Kb. Lembre que não é o tamanho do arquivo gravado que você deve ver, mas sim o tamanho real do arquivo.
Isso tem a ver com o cluster de seu sistema de arquivos. Se o menor cluster for de 1Kb, um arquivo de alguns bytes ocupará 1Kb. No NTFS, o default é de 4Kb.
abraço
Noberto,
Ah, então é isso mesmo. Meu sistema de arquivos é o ext3. Aqui no Ubuntu só mostra um valor, provavelmente o do arquivo gravado.
Abraço.
Alex,
já achei um dos culpados. Só os avatares do BlogBlogs são 247Kb!!!
abraço e valeu a ajuda
É o que uso. Se bem que ele tem me dado um probleminha desde que atualizei o WordPress: não consigo mais personalizar as cores dos links. Provavelmente, há outros bugs também, mas só me toquei desse.
Lu,
eu não tinha pensado em mudar a cor dos links…
vou ver se consigo dar uma fuçada e acho alguma solução…
abraço
Lu,
para ter uma cor diferente nos links, basta alterar o arquivo style.css
a{
color:#0000FF;
}
Isto altera a cor de todos os links…
abraço
Noberto,
Atualiza o post com o link para o emulador de dispositivos móveis. Eu vi seus comentários lá no post e também o aviso lá no post a respeito dos domínios compatíveis (.com , .biz e .net), entretanto testei com o seu endereço (.blog.br) e funcionou perfeitamente.
Alex,
na época em que testei, realmente não funcionava nos domínios.blog.br
onde está esse post a que você se refere?
abraço
Não tenho mais o endereço do post, Noberto.
Lembrei do endereço, Noberto: Como tornar seu Blog acessivel em dispositivos Mobile (Celular).
Pior que eu tinha instalado esse plugin, mas ate o mês passado eu não tinha testado. Dai fui obrigado a viajar e tinha um colega de trabalho que tinha um celular com acesso a internet. Na hora lembrei do plugin e fui testar. Funcionando perfeitamente para a minha alegria. Entrei em outro blog para comparar e pior que faz diferença a beça. É mais “leve” para carregar e muito melhor de mexer. Abraços
Fanny Weber,
realmente faz toda a diferença para quem acessa o blog no celular.
Uso o Nokia E61 para ler os feeds, mas quando quero comentar, faço no computador, porque não dá para ficar esperando um blog que não está preparado para os dispositivos móveis.
Quando chegar o 3G, pode ser que este plugin seja dispensável.
abraço
Nunca utilizei nenhum plugin para adequar as páginas do blog a um dispositivo móvel.
Já criei layouts, quando utilizava o Blogspot, que tinham combatibilidade total entre uma tela 320 x 240 e outra 1024 x 768 …
Sei lá, eu acho que programando na “unha” nós temos mais controle sobre o negócio.
Mas a sua dica é muito boa.
Como eu ainda não me familiarizei com os codigos do WP vou testar sim este plugin
FALOW !
Sérgio,
pode ser que programando na “unha” você tenha mais controle. Mas para quem não gosta de programação como eu, um plugin quebra bastante o galho.
Eu só mexo nos códigos porque nem tudo é do jeito que se quer… aí dou uma “fuçada”…
abraço
Pense pequeno, lucre alto…
Nova filosofia de vida para quem é desenvolvedor web.
Pensar pequeno virou uma questão de sobrevivência, e um diferencial muito grande, para quem quer se sobressair num mercado saturado como o de desenvolvimento web.
A Tecnologia está sempre em m…
A gente passa um tempo longe e quando volta os caras já estão preparando o blog para os celulares…
Abraços!
Márcio,
beleza? De volta a Santiago?
Internet em celulares é uma tendência crescente… Afinal de contas, esse mercado só tem crescido… Ano que vem, será normal qualquer pessoa acessar a rede inclusive pelos dispositivos móveis e ficando quase 100% do tempo conectado…
abraço
Opa NOrberto!
Até o novo Opera-Mini que tem a mania burra de fingir que é um navegador de desktop renderizou perfeitamente com este plugin! Aprovadíssimo.
Me interessou particularmente esta possibilidade de escrever textos que só aparecem na versão móvel.!
Pra mim, mesmo com a ótima formatação para telas pequenas, não desejaria ler tudo no celular/pda!
[]‘s
Só complementando o que o Sérgio falou: No site no opera existe um simulador do Opera Mini.
Sérgio,
Com este plugin, você não precisa manter um blog só para dispositivos móveis. Com pequenas alterações, pode-se ter seu conteúdo diferenciado no mesmo blog.
abraço
Creio este ser o principal objetivo da concientização que eu tanto espero dos programadores web.
Ter conteúdo separado entre desktop e mobile só em casos muito específicos. O legal é ter conteúdos iguais em qualquer dispositivo.
No meu primeiro tempo ocioso testarei o plugin…
FALOW !
5 motivos para se ter um mobile site……
… Ou porque ter uma sítio web otimizado para telas pequenas pode ser uma boa pedida!
Muita gente ainda não dá a devida importância ao universo móvel (celulares, telefones inteligentes/smartphones e pdas), principalmente porque no Brasil a…
eu tenho um nokia 5200 mas não consigo visualisar mensagens mms so enviar alguem ai pode me ajudar….