Posts Tagged ‘ Tutorial

Dicas, Dicas e mais Dicas 27 maio 2009 às 10:16 por Érico Oliveira

Algumas coisas interessantes que encontrei nos últimos dias.

  • DynaBlue wordpress theme – Excelente tema duas colunas com destaque para os últimos posts, ícones para Feed e Twitter, espaço pré-definido para banners 125×125px e 468×60px.
  • Fontes gratuitas – o blog Think Design selecionou 20 excelentes fontes sem serifa.
  • Plugin WP-Table Reloaded – Com este plugin você poderá criar e gerenciar tabelas na administração do WordPress sem necessitar de nenhum conhecimento de HTML/CSS. As tabelas criadas poderão ser inseridas em posts, páginas e até em widgets.
  • Plugin SI Captcha – Adiciona automaticamente um captcha ao seu formulário de comentários.
  • Galery WordPress Theme – um simpático tema para galeria de imagens/portfolio. Criado por Christopher Wallace e lançado no Smashing Magazine.
  • Guia para Criar Widgets – tutorial detalhado sobre a criação de widgets para o WordPress 2.8 (em inglês).

p.s. Lançado WordPress 2.8 Beta 2, veja as novidades e faça o download.

WordPress.tv: vídeo-tutoriais oficiais sobre WordPress Por Rodrigo Ghedin dia 17 de janeiro de 2009 às 9:19 | Imprimir este post

A Automattic lançou há pouco o WordPress.tv, um site de vídeo-tutoriais de WordPress (tanto o sistema, quanto o .com). Ele está dividido em duas grandes áreas, uma denominada How-To, contendo os tutoriais propriamente ditos, e outra WordCampTV, com vídeos dos WordCamps que ocorrem ao redor do mundo – e algo me diz que em 2009 o Brasil será um desses locais.

Apenas funcionários da Automattic e gurus do WordPress publicam vídeos por lá. Eles podem ser embarcados em sites externos (confira um exemplo abaixo), estão em alta definição, e aceitam comentários. Promete ser uma excelente fonte de conhecimentos para quem domina inglês.

Confira o vídeo de apresentação do WordPress.tv:

Dicas para melhorar seu blog do WordPress.com Por Rodrigo Ghedin dia 24 de julho de 2008 às 10:27 | Imprimir este post

O WordPress.com tem fama de ser limitado, e de fato é. Afinal, não dá para instalar plugins, nem mexer nos temas disponíveis, muito menos fazer hacks no sistema. Só que, apesar dessa casca grossa sob a qual os blogs lá hospedados estão, existem dicas simples e eficázes, todas com o aval da administração do serviço, que podem ser usadas para melhorar a experiência do leitor.

Já brinquei uma vez no WordPress.com, logo que o serviço foi lançado, e apenas por curiosidade. Por isso, quem dá as dicas, hoje, é o Raul, jovem talento que faz miséria com seu blog em se tratando de personalização. É mais arrumado e personalizado que muitos blogs com domínio próprio, que usam o WordPress “de verdade”.

O mais legal é que o Raul não fica só na personalização; ele ajuda outros bloggers do WordPress.com a melhorarem os seus espaços. A mais recente e valiosa contribuição dele para com a comunidade é esta página, contendo dezesseis dicas interessantes e incomuns para o WordPress.com. Vale a leitura, o bookmark, imprimir e guardar…

Como instalar o Gears e usar o WordPress Turbo Por Rodrigo Ghedin dia 16 de julho de 2008 às 9:06 | Imprimir este post

Uma das grandes novidades do novíssimo WordPress 2.6 é a opção Turbo. Através dela, o WordPress integra-se com o Gears, projeto da Google que traz para o PC local informações guardadas na Internet. No nosso caso, o Gears atua como um cache local do painel administrativo do WordPress (imagens, arquivos e scripts), agilizando o carregamento de páginas de edição e gerenciamento.

Ativar o Turbo é um procedimento simples, mas por tratar-se de algo novo, é bom ter um tutorial detalhado à mão, que não por acaso, é este que você está lendo :-) . Vamos ao modus operandi?

Primeiramente, clique no link Turbo, no canto superior direito da página de administração do WordPress. Uma janela popup aparecerá no meio da tela, a qual diz que o Gears não está instalado, e pergunta se deseja fazer isso (a instalação) neste momento.

Instalando o Gears.

Clique em Install Now, e você será levado ao site oficial do Gears. Clique no botão Install Gears, na tela seguinte marque a caixa de seleção e clique em Agree and Download, espere o download do arquivo GoogleGearsSetup.exe terminar, e então execute-o.

Ao término da instalação, a tela abaixo aparece. Clicando no botão Restart Browser Now, o navegador será fechado e reaberto.

Final da instalação do Gears.

Em tese, devem voltar todas as páginas abertas anteriormente, mas há casos em que isso não funciona. Assim sendo, volte ao painel administrativo do seu blog.

Clique novamente no link Turbo, e agora a tela popup surgirá com uma mensagem diferente:

Comece a instalação do Gears.

Desta vez, clique no botão Enable Gears. Um aviso de segurança surgirá; marque a opção I trust this site. Allow it to use Google Gears., e em seguida, clique no botão Allow e a cópia dos arquivos, imagens e scripts começará. Espere-a terminar:

Instalação em progresso.

Quando acabar, clique no botão Close, e pronto! :D .

Para testar o poder do Gears/Turbo, faça logoff, feche o navegador, e abra-o novamente. Faça login, e navegue nas áreas do painel administrativo, especialmente na área de postagem. A diferença é notável.

Tutorial sobre como converter um layout PSD em HTML Por Érico Oliveira dia 25 de junho de 2008 às 11:23 | Imprimir este post

O blog NetTuts escreveu um excelente tutorial explicando passo-a-passo como converter um layout criado no Photoshop em um site HMTL/CSS. Apesar de escrito em inglês, os leitores não terão muita dificuldade de compreensão em virtude da utilização de muitas imagens. O autor ainda disponibilizou para download todos os arquivos utilizados no tutorial.

Abaixo você pode ver o layout utilizado no tutorial.

Tutorial para converter PSD em HTML

Vale a pena salvar no Del.icio.us! :)

Painel administrativo do WordPress em português do Brasil Por Rodrigo Ghedin dia 08 de fevereiro de 2008 às 11:47 | Imprimir este post

O WordPress é muito amigável e fácil de usar. Mesmo em inglês, a maioria não sente dificuldade em destrinchar seus recursos, e se vira bem no idioma do Tio Sam – mesmo sem conhecê-lo direito. Mas, do outro lado da moeda, o uso do inglês no painel administrativo do WordPress intimida e até assusta muita gente. Felizmente, é possível traduzir o painel administrativo do sistema para o nosso português (ou qualquer outro idioma suportado). Este texto é um mini-tutorial de como fazer isso, baseado no texto original da Codex.

A primeira coisa é baixar o arquivo de tradução. Na Codex, existem algumas opções, incluindo a oficial. O problema é que ela está desatualizada, já que é para a versão 2.1.3… A mais recente é a do site WebMais, a qual pode ser baixada neste link. Mesmo sendo para a versão 2.3.2, ela funciona perfeitamente na atual (2.3.3).

Descompacte o arquivo pt_BR.mo em qualquer lugar, e acesse o servidor via cliente FTP (recomendo o FileZilla para tal tarefa). Estando lá, acesse a pasta /wp-include/, e dentro dela crie uma nova pasta, chamada /languages. Envie o arquivo pt_BR.mo para a pasta recém-criada. A primeira parte está finalizada.

Na raiz do WordPress, baixe o arquivo wp-config.php. Ele é responsável pelo acesso ao banco de dados, e por isso deve ser manipulado com muito cuidado! Localize a linha 16, esta aqui:

define ('WPLANG', '');

Acrescente, entre as últimas aspas simples, o código pt_BR. Deve ficar assim:

define ('WPLANG', 'pt_BR');

Salve, e envie novamente para o servidor, substituindo o que lá se encontra.

Pronto! Se tudo deu certo, o painel administrativo do seu WordPress estará em português do Brasil, como o meu:

WordPress em português do Brasil.

Se por qualquer motivo aparecerem erros, simplesmente edite o arquivo wp-config.php, voltando-o às configurações originais – ou seja, sem o “pt_BR” na linha 16. Mas as chances disso ocorrer são mínimas, afinal, como deu para perceber, o passo-a-passo é simples e sem pegadinhas.

Espero que o tutorial lhes seja útil, e até a próxima!