Gente nova na área trazendo novidades!

Postado por Cadu de Castro Alves em 19/07/08 às 1:12 pm e arquivado em Bastidores, Dicas e tutorias
Compartilhe este post: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Facebook
  • Linkk
  • LinkTo
  • UEBA
  • Rec6

Olá pessoal!

Sou Cadu de Castro Alves, tenho 23 anos e sou o mais novo colaborador sócio do Mr. Wordpress. Serei responsável pela administração do site juntamente com o Alexandre Rauta. Além de administrar o site, publicarei artigos e tutoriais sobre Wordpress, visando ajudar a comunidade brasileira (e outros países de Língua Portuguesa) a aperfeiçoar seus conhecimentos na utilização da ferramenta para gerenciamento de blogs mais popular do mundo.

Algumas idéias vem sendo discutidas entre mim e o Alexandre e em breve vocês ficarão sabendo tudo o que está por vir. Como me juntei à equipe recentemente, ainda estamos acertando alguns detalhes com relação à administração do site e de seu conteúdo. Espero levar bastante conhecimento à vocês e contribuir com o aperfeiçoamento de seus sites e blogs.

Além do Mr. Wordpress, possuo um blog pessoal, onde publico artigos e tutoriais sobre Wordpress, CSS, carreira, desenvolvimento pessoal, dentre outros assuntos.

Estreando com o pé direito

Como não queria usar o meu primeiro post aqui no blog para apenas me apresentar, decidi pesquisar sobre algo interessante para mostrar para vocês.

A primeira coisa que me veio à cabeça foi a experiência não muito boa que eu tive na primeira vez que acessei meus blogs favoritos: Ladybug Brasil, da minha mãe, Lúcia Freitas, Dinheirama, do Conrado Navarro, Efetividade, do Augusto Campos, dentre outros. Meu celular é um Nokia 6120c Classic e sua tela é muito pequena (240 x 320px). Utilizo o Opera Mini para navegar.

Claro que acompanho esses sites pelos seus RSS, o que torna a leitura muito mais fácil. Entretanto, sempre acesso outros sites através desses blogs e acabo vendo suas versões originais, com a mesma diagramação que vemos num navegador comum, como colunas, menus, imagens, vídeos, banners e etc.

O problema é que, como estou acessando os sites pelo celular, o que realmente me interessa são os textos. Além disso, todos os elementos citados acima deixam o site mais pesado, acarretando numa lentidão no acesso e (pasmem!) comendo boa parte da minha franquia (possuo o plano Claro 3G de 100 Mb).

Solução: Wordpress Mobile Edition

Nessa semana, enquanto atualizava o meu blog e instalava os plugins que eu necessitaria, encontrei um plugin bastante interessante e que resolve esse problema: o Wordpress Mobile Edition. Esse plugin cria uma versão do seu blog otimizada para dispositivos móveis, como celulares ou computadores de mão (handhelds, palmtops, etc). Vou ensiná-los como instalá-lo.

Eis a receita

O Wordpress Mobile Edition foi criado por Alex King. Esse cara é o mesmo criador de plugins famosos, como o Share This, Twitter Tools e o Popularity Contest.

  1. Acesse a página de plugins do Alex King e procure por Wordpress Mobile Edition
  2. Baixe o plugin e descompacte os arquivos em seu computador, numa pasta de sua preferência
  3. Abra seu programa de FTP favorito (eu uso o Filezilla)
  4. Coloque o arquivo wp-mobile.php na pasta plugins
  5. Coloque a pasta wp-mobile na pasta themes
  6. No Painel Administrativo do Wordpress, vá até a página de Plugins e ative o Wordpress Mobile Edition
  7. Pronto! Seu site acabou de ganhar uma versão para dispositivos móveis.

Para testar, existem duas opções. A primeira é acessar o seu site de um dispositivo móvel. O Wordpress Mobile Edition identifica automaticamente o navegador que está sendo utilizado e, ao identificar que você está acessando o site de um celular, ele mostra a versão mobile de seu site. A segunda opção (e a mais prática) é forçar o acesso à versão mobile diretamente de seu computador.

Para fazer isso, inclua o código abaixo em qualquer parte de seu site:

<?php akm_mobile_link();?>

Eu inclui somente no rodapé de meu site, mas você pode incluí-lo no topo e, com o CSS, esconder o link dos visitantes que acessarem seu site de um navegador comum.

Demonstração: veja aqui a versão mobile de meu blog pessoal

Conclusão

Esse foi apenas o meu primeiro tutorial aqui no Mr. Wordpress. Espero que vocês tenham gostado. Tem um espacinho aí embaixo para comentário. Sintam-se em casa, postem suas dúvidas e dêem suas sugestões. Não se esqueçam: que move o site são vocês. Portanto, participem!

Tags:,,,,

Posts relacionados

Comentários - ( 5 )


Cadu via Rec6
Enviado em 21/07/08

Tutorial: crie uma versão mobile de seu blog em Wordpress
A sua melhor ajuda com WordPress! - Gente nova na área traze…

Que tal criar uma versão mobile de seu blog em Wordpress e torná-lo acessível a qualquer dispositivo móvel? Veja neste tutorial como fazê-lo!…



Marcos Campelo
Enviado em 21/07/08

Ótimo post Cadu. Já testei o plugin e está funcionando perfeitamente. Eu instalei o plugin no site de um candidato. Vejam como ficou no simulador do opera mini:
http://www.operamini.com/demo/?url=http%3A//www.paulorubem12.com.br
Aliás, esse simulador é ótimo, basta digitar o endereço da página que você quer ver na tela do celular, como fiz no exemplo acima e pronto!



Hikari
Enviado em 21/07/08

Valeu a dica do plugin cara!
Infelizmente http://www.cadudecastroalves.com/blog/index.php?ak_action=force_mobile manda pra página principal e naum vi nada diferente na página.



Glaudson
Enviado em 24/07/08

Opa, seja bem-vindo, cara. Poste floode bastante com agnt aqui e traga bastante coisa nova pra por nos nossos blogs

;D



Cadulicious: ícones gratuitos, dicas de Wordpress, portfolio online e muito mais! | Cadu de Castro Alves
Enviado em 28/07/08

[...] post, sou colaborador e sócio do blog Mr. Wordpress. Semana passada, publiquei um tutorial sobre como criar uma versão mobile de seu blog. [...]




Nome(apelido, nickname...)
E-mail(Obrigatório, mas não será exibido)


Você pode usar tags XHTML para formatar o texto do seu comentário, ex: <strong>, <em>, <a href="">, <li>,etc. Obs: Para exibir códigos e scripts nos comentários você deve digitá-los dentro das tags <code> e </code>, ex: <code><?php bloginfo('name');?></code>


Populares

MrWP » Free Themes


BB Clean Theme

Simple Blue Magazine

Mr. WordPress - ©2008 / Web Design por Carlos Henrique| Contato | Divulgue | RSS | MrWP Themes