No dia 25 de setembro acontece em São Paulo o WordPressSummit.

O evento vai ser dividido em dois ambientes: “criativo” e “desenvolvedor”. O primeiro vai ter palestras sobre design, arquitetura de informação e desenvolvimento de temas em geral. No segundo vão ser tratados assuntos como desenvolvimento de plugins, otimização e bancos de dados.

Eu (Felipe) estarei lá ao lado dos “criativos”, falando sobre child themes. Apareça, vai ser legal.

Nós temos 2 convites pra sortear entre os amigos que preencherem o formulário abaixo.

Sorteio encerrado – os ganhadores foram: Roberto Machado Júnior e Juan Maxwell Noronha.

Você pode se inscrever até domingo dia 12 de setembro (uma semana antes do evento). Publicaremos o resultado por aqui e no nosso twitter na segunda dia 13.

WordPressSummit
25 de setembro, das 8h às 18h
Centro de Convenções Espaço APAS, São Paulo
Mais informações: http://www.wpsummit.com.br/

O objetivo da fundação é garantir acesso livre e perpétuo aos projetos que nós apoiamos. Pessoas e negócios vêm e vão, por isso é importante garantir que o código fonte dos projetos vai sobreviver à base atual de colaboradores e que nós vamos criar uma plataforma sólida de publicação na web pras próximas gerações.

Muito bom. Saiba mais no site da Fundação.

A verdade é que fazer um site com WordPress é bem fácil. Quer dizer, se você está disposto a fazer isso e já está familiarizado com esse mundo louco da interwebs. Seu avô provavelmente teria um pouco mais de dificuldade (pelo menos no começo).

Se você é designer, é legal porque as programações já estão feitas. A busca já funciona, as tags já funcionam, as páginas de artigos aparecem sozinhas. É só seguir no copiar/colar que você vai chegar em algum lugar.

Se você é programador, existem milhares de temas bem bonitos já prontos. Você vai precisar fazer adaptações, mas o design já está ali. Existem templates em PSD ou HTML simples também, é só WordPresstizar.

Dá pra fazer isso, tem um monte de gente que faz. Isso chama muito a atenção, pra quem começa com o WordPress. Você pode ficar com todo o orçamento do site só pra você!

Mas se você for esperto, vai estar sempre aprendendo coisas novas. Seja de programação ou design. Vem aí CSS3 e HTML5 e você vai ficar empolgado com as possibilidades. Sai a nova versão do WordPress e você vê que dá pra coisas que você achava que não podia. Você aprende a fazer um efeito maluco no Photoshop. E a lista vai crescendo, as possibilidades vão acumulando.

Woz programava e Jobs contava as piadas

E vai chegar um tempo que você vai começar a fazer sempre os mesmos sites, nunca vai evoluir. Porque em vez de testar uma coisa nova no CSS, você copia o que tinha usado em outro site pra economizar tempo, porque você está atrasado porque perdeu tempo tentando “mostrar uma lista de destaques na barra lateral”. Percebe? Seus trabalhos começam a evoluir nessa base. Você não aprende que agora dá pra arredondar coisas com uma simples propriedade do CSS e continua copiando as 4 divs dos 6 meses atrás.

Divida trabalho com os amigos

A não ser que você tenha certeza absoluta que consegue fazer um site sozinho, peça ajuda de alguém. Geralmente o máximo que você consegue fazer sozinho (pra um cliente em um trabalho que envolva prazo e dinheiro) é um blog ou um site simples. Isso se você já sabe bem como fazer. Porque o caso aqui não é “saber ou não saber”. A questão é dar tempo de fazer uma coisa que valha a pena.

Imagine a seguinte situação: você está com a sua lista de trabalhos, levando naquelas. Aí surge uma oportunidade. Um site simples, nada complicado. Não é a coisa mais bacana do mundo, vai ser aquela coisa bem básica de sempre. O cliente não pode pagar muito, mas disse que paga a vista. Você tem duas saídas: a) faz sozinho e fica com toda a grana; b) chama o seu brother e divide tudo com ele.

Eu escolho a opção b, e essa é a razão desse texto. Se eu fizer o site sozinho, vou ficar com toda a grana. Todo mundo quer ficar com toda a grana. Mas o estresse vai ser muito maior. Você vai querer fazer uma coisa muito legal na programação, tipo sei lá, usar Microformats na parte dos comentários, e o seu cliente não vai ligar (lembre-se, esse paga pouco e quer o site rápido). Você vai querer fazer um degradê bem de leve no fundo pra dar o efeito bem PRO, e ele nem vai perceber. Você vai querer integrar o feedburner e ele nem sabe o que são feeds. Aí você vai pensar: “poxa vida perdi um tempão colocando coisas legais e o cara não tá nem aí ele é um babaca não sabe nada”. Ou ainda, você vai fazer o site de qualquer jeito, já que o cliente não liga mesmo.

Isso bloqueia todo mundo. Faz tanto mal ao mercado, e pouca gente consegue perceber. Designers (e desenvolvedores) falando que clientes são ignorantes e clientes falando que os caras que prestam serviço pra eles são babacas.

Por outro lado, se você dividiu o trabalho com aquele seu amigo, vai ter mais tempo pra fazer um trabalho decente. Vai poder dar um prazo menor e vai poder ouvir dos seus amigos designers “cara que demais que você usou Helvetica em vez de Arial odeio Arial vish” ou dos seus amigos programadores “cara que irado que você conseguiu fazer uma função pra dar query na categoria usando o slug dela em vez da ID bem mais prático assim realmente”.

Continua na semana que vem.

Isso é muito básico. Se você quer trabalhar com WordPress fazendo qualquer coisa a mais que “escrever num blog”, você tem que saber como ele funciona. Seja desenhando umas telas no Photoshop, montando aquele “e-commerce” esperto pra loja de auto-peças do seu tio ou só terceirizando serviços naquele esquema de “eu tenho um amigo que faz sites”, você tem que saber o que está fazendo.

O WordPress pode ser meio deslumbrante no começo. Você é um designer e percebe que não precisa mais de um programador pra montar seus layouts. Você é um programador e percebe que não precisa mais criar todas as tabelas do banco de dados na mão. Essa liberdade toda que de um lado é muito boa, do outro pode encher o mercado de profissionais preguiçosos.

Veja bem: clientes podem ser preguiçosos. Um cliente pode chegar num fórum [errado] com uma pergunta que não faz nenhum sentido. Um profissional não pode. Se você se diz profissional, ou quer ser um, você não pode ser preguiçoso.

Você evita atritos

Isso pra mim é importantíssimo: eu não gosto de atritos. Não gostava quando trabalhava em agência, gosto menos agora que trabalho em casa. Quando você sabe o que está fazendo, você melhora relações com todo mundo. Se alguém te entrega arquivos CorelDRAW pra você transformar num site, você vai saber logo de cara como montar aquilo no WordPress e se vai ser fácil ou não. Eu ia dizer “se aquilo pode ser feito no WordPress”, mas dá pra fazer qualquer coisa com o WordPress. Se você é um designer e está no meio de um time de programadores, você tem que saber como pedir coisas do jeitinho que os programadores gostam ou eles vão te odiar. Se você é um designer e sabe que o site que você está desenhando vai ser movido a WordPress, já leve isso em consideração.

Você sabe onde buscar ajuda

Pode parecer idiota, mas tem profissionais que não sabem a diferença entre “HTML”, “CSS”, “PHP” “JavaScript” e “WordPress”. Sabendo a diferença entre essas coisas, você já deveria saber que se quiser montar um “carrossel daqueles que giram com os posts em destaque” vai achar respostas bem mais rápido se procurar em sites ou fóruns de JavaScript do que se ir em fóruns de WordPress (isso considerando que você já sabe como listar os “posts em destaque”, que é uma “coisa de WordPress”).

É bom saber

Existem vários detalhes que podem facilitar muito a sua vida e que geralmente não estão bem claras. As mais importantes são as seguintes:

• A lógica do WordPress: conteúdo estático (páginas) e conteúdo cronológico (posts);
• Campos personalizados: como adicionar informações extras, na hora de cadastrar posts, páginas ou usuários;
• Widgets: pra não precisar mexer no código a qualquer nova mudança;
• “Child themes“: pra fazer só a parte fácil (o CSS) e criar temas derivados;
• Ações/Filtros: não só pra criar plugins, mas também pra modificar funções padrão ou criar os “child themes”.

Continua semana que vem. (Sério, continua mesmo).

Essa é a página inicial de um blog usando o P2

Quer dizer, não adianta só olhar, esse é um tema que você tem que usar pra entender bem porquê eu comecei dizendo que é impressionante.

O tema foi criado pela própria Automattic, que precisava de uma solução pros problemas de comunicação interna. Matt explica (nesse post) que todos lá têm blogs, mas que estava sendo difícil manter a comunicação entre toda a equipe – a Automattic tem funcionários espalhados pelo mundo inteiro. Às vezes alguém queria apenas avisar alguma coisa ou postar um link interessante, mas o “admin” estava muito longe. Então eles resolveram de um jeito simples: colocaram o “adicionar novo post” na parte da frente do tema.

Como no twitter, mas sem o limite de caracteres.

Se você estiver logado, vai ver um campo pra adicionar um post logo na primeira página, acima da lista de últimos posts. Se não estiver, vai ver apenas a lista de posts. Você não precisa mais entrar no /wp-admin! É muito prático!

É claro que funciona melhor se os posts forem curtos, como avisos ou indicações.

Mas não é só isso. Os comentários também ficam listados ali, junto com os posts, na primeira página. Como num bate-papo, todas as mensagens ficam agrupadas. É útil pra você, digamos, postar um convite pra uma cerveja depois do expediente.

O P2 é impressionante porque pega toda a praticidade do twitter, dos blogs e dos fóruns, e junta em um tema pra WordPress. Um tema muito bem desenvolvido em AJAX. Sem entrar muito em detalhes técnicos, é o AJAX que faz com que você adicione um novo post ou um novo comentário, e ele apareça ali na lista de posts automagicamente, sem a página recarregar.

O tema é gratuito e está disponível no WordPress.com e no diretório oficial, pra download. Já foi traduzido, você pode baixar o arquivinho em português aqui ou ir na nossa área de downloads pra mais detalhes.

Depois de blogs, sites de conteúdo estático, redes de blogs, redes sociais, taí mais uma coisa que dá pra fazer com WordPress.

Pra saber mais:

• Post do Matt falando sobre o tema;
• Post no blog da Automattic apresentando a nova versão.

Thematic é um tema criado por Ian Stewart, designer fundador da ThemeShaper, que traz um novo conceito ao mundo dos temas para WordPress. Não é um simples tema – e eu pareci um vendedor do Shoptime falando agora. Thematic é uma “framework” de temas, como o pessoal vem chamando. Existem outras também, como a Hybrid ou a Carrington, mas hoje eu só vou falar da Thematic.

A diferença da Thematic (e das outras frameworks, em geral) é basicamente que você pode ir além. Quer dizer, teoricamente você pode customizar qualquer tema do jeito que quiser, alterando o CSS ou os arquivos PHP. A diferença é que as frameworks foram feitas para isso, elas são desenvolvidas para facilitar a customização. Como? Child themes.

Child, criança em inglês? Mais ou menos. Child, de “filho”. Thematic usa esta funcionalidade do WP chamada “child themes” para facilitar as alterações. Um tema “filho” precisa do “pai” para sobreviver. Bem mais sério que na vida real onde, se você não tiver um pai, ainda poderá se dar bem (veja o Chaves, por exemplo), aqui o filho não RODA sem o pai. Mas então, qual a diferença para um tema normal? O tema filho só precisa de dois arquivos: o style.css (com uma pequena linha a mais no cabeçalho, chamando o tema pai) e o functions.php.

Então, basicamente é assim, antes que eu perca o foco: você baixa a Thematic (um tema pai, no caso), com todas as funcionalidades bacanas (que serão mais detalhadas no próximo parágrafo) e pode usar do jeito que ela é, bonitona, ou se quiser customizar, é só criar um tema filho e dar o nome que você quiser. Sugestões: Thematic Junior ou Tematicleison. Você não altera os arquivos da Thematic (para não ter que alterar de novo sempre que ela for atualizada), você CRIA baseado nela.

Para começar a lista de motivos porque na dúvida você deve escolher a Thematic: ela é linda. Olha essa tipografia serifada, que fácil de ler. Essas medidas: 940 de largura com 540 de conteúdo e 300 de lateral customizável. E essas cores que não ficam zoando a sua visão. Tudo muito equilibrado, tudo muito agradável. Não gosta da lateral na direita? Mude uma linha de código. Acha legal aqueles blogs com duas laterais? Mude outra linha que fica assim. Não quer NENHUMA lateral? Tem uma linha pra mudar isso também.

Ela já vem pronta para alguns plugins, veja que coisa louvável. “Vir pronta para plugins” quer dizer, que quando você instalar o plugin, ele já vai aparecer lá no seu site automaticamente, você não vai precisar ficar copiando e colando códigos, correndo riscos de deixar divs abertas e depois ter que ir pedir ajuda lá no fórum. Os plugins que ela acolhe são: WP-PageNavi (para deixar o “próximos posts” mais legal), o Subscribe to comments (para o amigo leitor poder receber os comentários por email) e o Comment-license (para você atrelar um termo de responsabilidade aos comentários).

Widgets. Thematic tem 13 áreas para widgets (veja um mapa com as áreas). 13 áreas onde você pode colocar o que quiser, sem alterar um único arquivo. E isso só no tema pai. Você pode colocar mais, se criar um child.

Aliás, dê uma olhada nos child themes oficiais que já existem, para você ter uma idéia do que dá para ser feito.

É um tema feito com carinho, você percebe pela atenção aos detalhes. O cabeçalho dos posts, o modelo de comentários, todas as tags são estilizadas. O fórum de suporte deles é eficiente, e conta com a ajuda do próprio Ian e do Justin Tadlock (da Hybrid). É um projeto que vem melhorando a cada versão e em que você pode confiar. Concordo que não seja um bom novo tema padrão, já que a customização é baseada em outro conceito. Mas visualmente queria ver algo nessa linha.

Pra baixar o tema, visite a página oficial, na Themeshaper; pra baixar o arquivo de tradução pra português, visite a nossa página de downloads.

Kubrick, o tema, foi criado em 2005 por Michael Heilemann, da Binary Bonsai, e recebeu o nome em homenagem a Stanley Kubrick, o famoso diretor de cinema, como você deve imaginar. 2005, já faz 4 anos, era uma época em que degradês, camisetas com frases engraçadas, cantos arredondados e sombras ainda eram massa. Desde lá, muita coisa mudou. Não falo da vida em geral, aqui não é o lugar, mas do WordPress. O WordPress evoluiu muito desde a versão 1.5, que foi quando a idéia de “trocar temas” foi introduzida. No entanto, o Stanley continua lá, malandrão.

Alguns dos meus escritores de WordPress favoritos andam falando já há algum tempo sobre a necessidade de um novo tema. Isso é óbvio, eu sei, você sabe, seu primo que tem um blog com dicas de videogames sabe. Antes de dar a minha opinião sobre essa mudança, e depois pedir a sua nos comentários, quero abrir um espaço pra um outro assunto: porque você deve tomar cuidado com esse default aí.

Muita gente se engana com aquela palavra default lá. Eu sei que eu me engano. Porque eu sei que default é “padrão” e vou achando que aquele tema vai ter tudo o que eu preciso pra começar. Errado. Não só faltam coisas nele, como tem um monte de coisas que não são legais e não vão ser úteis pra você fazer um tema simples. Coisas que você nunca vai usar. Exemplos?

Existe um arquivo chamado functions.php. Ele fica na pasta do tema, junto com os outros arquivos. Esse arquivo é a chave do sucesso nos temas, possivelmente alguém vai tratar melhor dele aqui no site. Pois bem. Por padrão, um tema não precisa desse arquivo. Por convenção, o pessoal está adicionando a função de widgets ali, mas isso também é assunto pra outro texto. Mas dê uma olhada no functions do Kubrick. É gigante. Tem a dos widgets, ok. Tem a função de localização, que serve pra você traduzir o seu tema pra outras línguas. É bacana, mas se você quer simplesmente um tema pro seu blog, dificilmente vai usar isso. A outra função ali: topo customizável. É isso mesmo, no admin, você pode alterar aquele azul do topo por outra cor. Eu demorei um bom tempo pra perceber isso. Mais uma vez: é uma função legal, mas muito específica pra um tema dito padrão.

A primeira coisa que eu acho que devia mudar no tema padrão é o nome. Não que eu não goste do Kubrick (e ele não é meu favorito), mas acho que o tema padrão devia ter o nome de alguém do jazz, pra manter a lógica de que todas as versões do WordPress são batizadas com o nome de algum jazzista. Acho que ele devia ser mais direto, Kubrick enrola muito às vezes. Deve ser acessível e mostrar tudo o que as pessoas precisam, afinal é por isso que ele ainda faz sucesso, mas menos datado (degradê azul e sombrinhas é muito 2005). Visualmente, gosto da linha da Thematic: é simples, fácil de ler, não tem elementos desnecessários e parece fácil de customizar, se eu quiser. Falta uma documentação melhor também, se eu quiser fazer alterações básicas tenho que ir no google ou em algum fórum. Enfim, Kubrick chegou ao ponto em que ele só “dá pro gasto”. Parece que está lá porque ainda não tiveram tempo de fazer ou escolher um padrão melhor.

E você? Gosta do Kubrick? Gostou de De olhos bem fechados? Ou nem liga pra isso e está satisfeito do jeito que está? Em quantos blogs a primeira coisa que você fez foi alterar o tema padrão? Qual é o seu padrão?