out 17

O blog da Thamus tá no ar. Mais um site cabanudo.

Tecnologia, Trabalhos, Web, Wordpress 1 comentário. »

Publicamos esta semana o blog que fizemos pro Felipão, o Motion Designer por trás da Thamus e integrante do Cinema em Dia. Tentamos transmitir bem o espírito do cara: inovador, bem-humorado, psicodélico. As ilustrações de Bali Veneno dispensam comentários, ou melhor, merecem apenas um: Do caralho! Faça uma visita e confira com os próprios olhos.

Pra galera geek:

O site foi todo construído com a versão 2.6.1 do Wordpress, o software que vem se consolidando como um dos melhores CMSs open-source do mercado. O menu lateral é minha primeira experimentação com AMFPHP, um open source que une Flash + PHP de uma maneira simples e eficiente. É uma menu dinâmico, que se atualiza de acordo com as modificações feitas pelo painel do Wordpress. Se quiser entender como funciona, veja os tutoriais de Lee Brimelow no GoToAndLearn. No link “Sobre”, colocamos um pouquinho de Papervision3D só pra fazer uma graça.

Pablo Cabana

jul 16

Está liberada a versão 2.6 do Wordpress

Dicas, Tecnologia, Web, Wordpress 2 comentários. »

Acabou de ser liberada a nova versão (versão em português aqui) da sensacional ferramenta WordPress. Inicialmente criada para a construção de blogs, ela vem se tornando uma das mais intuitivas ferramentas de CMS. Ao contrário dos clássicos Joomla e Drupal, o Wordpress tem uma utilização extremamente simples e em um dia de estudo você é capaz de criar um site bacanérrimo com um painel de controle de fácil utilização. E a nova versão está mais eficiente do que nunca. As novidades são apresentadas no vídeo abaixo em um inglês com divertido sotaque britânico.

Pablo Cabana

mai 08

Como customizar e configurar o menu que surge ao clicar com o botão direito no Flash

Dicas, Tecnologia, Tutoriais Flash, Wordpress 7 comentários. »

Este é um detalhe que muita gente esquece na hora de construir um website. Quando clicamos com o botão direito em qualquer arquivo swf, normalmente nos surge um menu com opções do tipo “zoom in”, “zoom out”, etc. Este menu, que na maioria das vezes é inofensivo, pode, entretanto, arruinar a navegação e a experiência de alguns websites. Principalmente quando são em janela cheia, como é o caso que usei no site da Brazucah e do Bruno Latini. Além disso, é muito mais bacana um menu personalizado do que um monte de frase em inglês sem nenhuma ligação com o usuário. Em tempos de WEB 2.0, adequação nos mínimos detalhes é fundamental.

Eis abaixo o script. Já está com todos os comentários explicadinhos. Basta recortar o código abaixo e colar no painel de action script do primeiro frame do seu arquivo .fla.

//Primeiro definimos as funções que
  1. //queremos executar, que eu chamei
  2. //aqui de "pegarArquivos" e "gotoCabana".
  3.  
  4. function pegarArquivos () {
  5. getURL("http://www.cabanacriacao.com/tutoriais/customizar_menu.fla", "_blank");
  6. }
  7.  
  8. function gotoCabana () {
  9. getURL("http://www.cabanacriacao.com", "_blank");
  10. }
  11.  
  12. //Agora criamos um menu novo e desativamos os itens que já vem acoplados, como "zoom in", "zoom out", etc.
  13. //Lembrando que não há como desativar "About Flash Player 9" e "settings".
  14. //Criamos a variável "meuMenu" e dizemos que é um novo "ContextMenu"
  15. //Depois dizemos para os itens acoplados desaparecerem: "hideBuiltInItems".
  16. var meuMenu:ContextMenu = new ContextMenu();
  17. meuMenu.hideBuiltInItems();
  18.  
  19. //Criamos as variáveis que serão lançadas dentro do novo menu
  20. //e fazemos referências às funções que queremos puxar: "pegarArquivos" e "gotoCabana"
  21. //O que vai entre aspas é a frase exposta no Menu ao usuário final.
  22. var vaiArquivos:ContextMenuItem = new ContextMenuItem("Baixar os arquivos fonte.", pegarArquivos);
  23. var vaicabana:ContextMenuItem = new ContextMenuItem("Quem fez este tutorial bacana?", gotoCabana);
  24.  
  25. //Mandamos um "push" para literalmente "empurrar" as variáveis dentro da lista
  26. //de variáveis que o menu já tem
  27. meuMenu.customItems.push(vaiArquivos, vaicabana);
  28.  
  29. //Pra finalizar, lançamos o "meuMenu" no lugar do "menu" original.
  30. _root.menu = meuMenu;
  31.  
  32. //pronto!

Ah! Utilizei o excelente plugin Highlight Source Pro pra mostrar o código como aparece no Flash. Demorei pra achar um plugin WordPress que funcionasse bem e fosse simples de usar.

Pablo Cabana

mar 20

Como publicar um post no Wordpress

Dicas, Web, Wordpress 4 comentários. »

Este é meu primeiro tutorial wordpress em vídeo.

Como publicar um post no Wordpress (clique aqui para ver)

Pablo Cabana

Tags: , ,

mar 14

Plugin Wordpress para formulário de contato em português (código PHP excelente, nada de spans!)

Dicas, Web, Wordpress 24 comentários. »

Baixe o plugin Wordpress para formulário de contato em português aqui.

Se você deseja ter um formulário de contato bacana e, principalmente, em português no seu blog Wordpress igual a esse do Cabanoblog, chegou a solução. Eu traduzi o excelente plugin “Secure and Accessible PHP Contact Form“, criado por Mike Cherim e Mike Jolley. Uso ele desde que o Cabanoblog está no ar e até agora não recebi nenhum spam.

Há um pouquinho de inglês ainda no painel de controle dele, mas o que é exibido para os visitantes do seu blog, inclusive a cópia carbono do email enviado se o usuário desejar, está totalmente em português. E é isso que importa. Afinal, se você usa o Wordpress e vai instalar este plugin, manja no mínimo um pouquinho de inglês.

Para instalar é muito fácil, basta seguir as instruções dadas pelo próprio autor no site do plugin:

1 - Faça o download do plugin e descompacte o .zip.
2 - Faça o upload da pasta para sua pasta de plugins wordpress (Provavelmente: /wp-content/plugins/).
3 - Abra o admin do seu Wordpress, vá na página de “Pluginsâ€, localize o “Secure and Accessible PHP Contact Form†e ative-o.
4 - Com o plugin ativado, vá para a página “Contact Form†que surgiu no menu superior do painel e selecione o link “Configuration†no sub-menu (não esqueça de clicar no botão “Save Form Configuration” após configurar). Se precisar de ajuda, veja o “Form Configuration Instructions.â€
5 - Configurado a seu gosto, crie uma página comum (uma página não é um artigo!) com o nome do link que você quer. No meu caso eu criei a página “Contato”.
6 - Volte às configurações do Formulário e coloque lá o link da página que você acabou de criar. No meu caso foi http://www.cabanacriacao.com/blog/contato/ (novamente, não esqueça de clicar no botão “Save Form Configuration” após configurar).
7 - Volte para a página que você criou e clique em editar. Com a página aberta, clique na aba “código” e escreva este código:

(eu coloquei em formato de imagem para que vocês possam ver exatamente o que deve ser digitado. O Wordpress estava trocando o tracinho duplo por um único. Valeu Lincoln!) e salve a página. Prontinho. Você já tem o formulário instalado.
8 - Para mudar o estilo do formulário , selecione o link “Stylingâ€. Escolha um dos temas ou você pode criar o seu próprio se entender um pouquinho de CSS.
9 - Se tiver alguma dúvida, posta um comentário aqui.

Pablo Cabana

Tags: , , , ,