Tema Masinop
Conheça algumas características do tema:
Conhece o Plurk? É, talvez, o concorrente mais forte do Twitter na briga dos microblogs. Surgiu na metade do ano (mais ou menos), ganhou alguns users do Twitter, e se consolidou como uma alternativa real e viável. O grande diferencial do Plurk é a apresentação dos updates, numa linha do tempo, e a possibilidade de criar threads, como uma entrada de blog convencional, com respostas diretas dos seus contatos.
Um maluco cara, cujo apelido no Plurk é @kupy, deicidiu que queria o mesmo visual do serviço de microblog em seu blog. Detalhe: blog este movido a WordPress. Mostrando (mais uma vez) o quão nosso sistema de blogs favorito é versátil, ele puxou as mangas pra cima e fez um tema rigorosamente igual ao Plurk, inclusive com a linha do tempo, que no caso, exibe os posts. Muito JavaScript e CSS, e no final, ficou bastante parecido. Confira:
Tema do Plurk para WordPress.
Três detalhes:
Via Microblink.
Já publicamos, aqui no pBlog, alguns temas lançados pelo ótimo Smashing Magazine, blog-referência de designers do mundo inteiro. Não é à toa: os temas que lá aparecem são extremamente bonitos e bem feitos. Hoje saiu mais um, e mantendo a tradição, cá está o anúncio .
O Color Paper, apesar do nome e de ser realmente colorido, traz um design bem sóbrio, de acordo com uma tendência recente nos temas para WordPress, o estilo “grunge” (exemplo). Confira uma imagem:
Color Paper.
Criado pelo DreamTemplate, tema é cheio de mimos, como paletas laterais que altera a cor de alguns elementos e post em destaque, no topo. O que chama a atenção, porém, é o design. Já falei que é super bonito?
Dêem uma olhada no tema abaixo:
Albeo.
Terminou de limpar a baba no queixo? Ok então. O tema acima, batizado de Albeo, é a mais nova cria da designer Elena, do estupendo Design Disease. Para quem não ligou o nome à pessoa, trata-se da criadora de temas memoráveis, como o Dilectio e o Illacrimo.
O Albeo é um tema belíssimo, com tons pastéis, duas colunas, e o bom gosto tradicional da Elena. O único problema é que ele é exclusivo para usuários do WordPress.com, algo novo em se tratando de temas do DD. Um banho de água fria em quem pretendia utilizar o Albeo em seu site próprio.
No post-anúncio do Albeo, Noel Jackson, funcionário da Automattic que o publicou, diz que novos temas virão no futuro. Isso pode ser um diferencial interessante para o WordPress.com, mas ao mesmo tempo, chateia quem usa o sistema (WordPress.org). Ainda nesse post, há muitos comentários entusiasmados, o que prova a qualidade do tema e sua rápida adoção. No Brasil, sei que o Raul o está usando, em seu novo blog.
A pergunta que faço a mim mesmo é: que atitude a Automattic tomaria caso alguém portasse o tema, por conta própria, para o WordPress sistema?
Uma das grandes novidades do WordPress 2.6 é a inserção de legendas (captions) nas imagens. Funciona assim: o texto alternativo (alt=”qualquer coisa”) aparece abaixo da imagem, no post, caso o autor assim o queira. Se você atualizou seu sistema, mas ainda assim nada aconteceu em relação às legendas, ou elas apareceram sem formatação alguma, nada tema! O pBlog lhe ajuda a corrigir isso.
Antes de adentrarmos à edição, cabe uma breve explicação sobre o funcionamento das legendas. No editor, se você alterar o modo de exibição para o HTML, verá que há tags envoltas por [colchetes], cheias de atributos, responsáveis pelas legendas em torno das imagens. Não é preciso mexer em nada, só estou comentando a título de curiosidade 
.
No post, já publicado, em torno da imagem aparece uma DIV com classe wp-caption, e dentro dela, limitando a legenda em si, a DIV com classe wp-caption-text. É editando-as que teremos o efeito desejado, bastando, para tal, criatividade do editor (e talento em CSS, claro). Funciona assim, mais ou menos:
<div class="wp-caption"><img title="Imagem" src="caminho-da-imagem.jpg" alt="Imagem" /> <p class="wp-caption-text">Pôster de WALL•E.</p> </div>
Se CSS não é sua praia, esqueça o que leu acima, e simplesmente copie e cole o conteúdo abaixo em seu stylesheet.css:
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
Este é o código que foi incluído no tema padrão do WordPress, e gera o efeito presente nos blogs do WordPress.com, que por sua vez, pode ser conferido em meu blog pessoal. Bacana, não?
Como se vê, o trabalho é feito em cima das duas classes de DIVs comentadas acima – e nem poderia ser de outra forma. Este código, bastante complexo, mostra bordas arredondadas sem o uso de imagens, o que é deveras legal. Ele não impede, porém, que você mesmo crie sua formatação para as legendas. Basta saber um pouco de CSS, e ter imaginação, para ser diferente .