pBlog

Para quem não conhece, o Xemelê é um blog que serve como canal de comunicação da equipe de desenvolvimento web do Ministério da Cultura.

Esta semana eu recebi um email do Guilherme Aguiar, Coordenador de Interface e Integração de Serviços do Minc, informando que eles disponibilizaram para a comunidade WordPress mais um plugin e o primeiro tema deles. O plugin se chama FeedUP e sua função é transferir o conteúdo de um site para outro através do RSS.

O tema, batizado de Xemelê, possui 3 colunas, código HTML/CSS válidos, compatibilidade com os plugins Democracy e WP-PostRatings e um visual bastante moderno. Apesar de recém lançado, já existe algumas melhorias para a próxima versão, como o gerenciador de capas e suporte a widgets.

Demo | Download

Mais uma vez parabéns a toda equipe do MinC!

O tema Subtly Made foi o primeiro tema totalmente desenvolvido pela Everyone Knows, Graphic Design Studio e o que mais me impressionou neste tema foi seu visual, com um design elegante e bem diferente do que estamos acostumados a ver. Segundo os próprios autores, suas preferências são por códigos XHTML enxutos, layouts acessíveis e designs diferenciados.

Vamos conhecer um pouco mais de suas características:

• 2 colunas;
• Código HTML/CSS válido;
• Suporte a widgets;
• Página de opções;
• Compatível com Firefox, IE7 e Ópera;
• Plugin Flickr RSS incluído;
• Ícone de RSS em destaque;
• Opção de redes sociais;

Demo | Download

Dúvida bastante freqüente entre os leitores do pBlog, a substituição do título do blog (texto) por um logotipo (imagem) é uma customização que personaliza e dá uma identidade própria ao blog. O problema para explicar como fazer tal substituição é que isso varia de tema para tema, pois nem todos são codificados da mesma forma. Por isso escolherei um tema para exemplificar este mini tutorial.

O tema que escolhi já estava até separado para comentá-lo, então vou aproveitar este post para fazer as duas coisas, divulgar o tema e explicar como adicionar um logotipo. É bom deixar claro que existem muitas formas de fazer isso, eu vou explicar a que acho melhor.

O tema escolhido foi o Maggo Mag, ele possui 3 colunas, local para publicidade pré-definido, código HTML/CSS válido e é compatível com Firefox, IE7 e Opera. Demo e download.

Agora que vocês já conheceram o tema vamos por a mão na massa. Primeiro vamos eliminar o título e o subtítulo, mas para isso não é necessário apagar o código do arquivo PHP, basta adicionar o parâmetro “display:none;” nas IDs “#header h1” e “#header h2” no arquivo style.css, além de ser mais simples é melhor para os mecanismos de busca. Lembre-se que estas modificações são para este tema, para fazer o mesmo em outro tema você deverá procurar as ID’s ou classes correspondentes ao título e subtítulo para adicionar o parâmetro mencionado.

Renomeie a imagem do seu logotipo para “logo.jpg“, copie-a para a pasta “images” do tema e abra o arquivo header.php, logo após a linha:

1. <h2><?php bloginfo('description'); ?></h2>

Adicione o código da imagem da seguinte forma:

1. <a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('template_directory');?>/images/logo.jpg" alt="Logotipo" /></a>

Fácil não? Acredito que este método sirva para a maioria dos temas com código HTML/CSS válido.

Se você pretende criar um tema para o WordPress, aqui vai algumas dicas para torná-lo bastante popular. Estas dicas também servem para norteá-lo na decisão de escolher um tema. A grande maioria das dicas mencionadas abaixo eu encontrei no blog WPDesigner.

• O design do tema - este aspecto para mim é o mais importante e também o mais difícil, porém se o tema não tiver um visual elegante já era! Designers com experiência web levam larga vantagem.
• Crie um tema com 3 colunas - estes são os mais procurados, mas se você quiser ter mais sucesso ainda, crie também uma versão com 2 e outra com 4 colunas.
• Temática genérica - utilize imagens abstratas, assim qualquer um poderá utilizar seu tema, seja para um site sobre praias ou gadgets.
• É compatível com a última versão do WordPress? - quanto mais versões do WordPress o tema for compatível melhor. Instale diversas versões do WordPress no seu computador e vá testando.
• Código válido - tenha o cuidado de verificar se o código do seu tema é validado pelo W3C.
• É compatível com todos os browsers? - deve ser compatível pelo menos com o Firefox e o IE, porém você ganhará pontos extras se for compatível também com o Ópera e o Safari.
• Suporte a widgets - cada vez mais usuários estão utilizando widgets, é muito importante que seu tema tenha suporte.
• Local para publicidade - já existe uma padronização, mesmo que não oficial, do tamanho dos banners e como muita gente está de olho na grana, deixar locais pré-definidos para sua inserção é muito interessante.
• Imagem do RSS - é importante que seja pensado previamente um local de destaque para o logotipo do RSS, assim ficará mais fácil conseguir mais assinantes de feed.
• Preview do tema - quando um usuário consegue visualizar exatamente como o tema ficará em seu blog, as chances dele baixar são bem maiores (se ele gostar do tema, claro!).
• Tradução para várias línguas - o ideal é ter pelo menos uma versão em português e outra em inglês, porém quanto mais traduções você fizer melhor. Caso você utilize um arquivo de tradução externa é provável que surjam até voluntários. :)
• Página de opções do tema - isto seria um extra, mas é inegável que uma página onde é possível trocar a imagem do cabeçalho, alterar algumas cores, etc, torna o tema mais atraente isso é.

A grande vantagem de se criar um tema gratuito é a quantidade de links que seu blog terá em virtude dos créditos no rodapé. Além disso é possível que muitos blogs que falam sobre WordPress comentem a respeito do seu tema e com isso você ganhará reconhecimento, e mais links também. Avise-me se você decidir criar um tema gratuito, terei o maior prazer em divulgá-lo.

O tema Rebel Magazine, produzido por ChiQ Montes do blog WP Theme Designer, é uma excelente opção para quem está procurando um tema gratuito com um visual estilo magazine. Veja algumas de suas características:

• 2/3 colunas com menu lateral na direita;
• Código compatível com web standard;
• Suporte a widgets;
• Compatível com Firefox, IE7 e Opera;
• Primeiro post diferenciado;
• Espaço pré-definido para banners 125×125px;
• Ícone RSS em destaque

Preview | Download

Todos sonham em ter um tema exclusivo para o blog, o problema é que os custos com designer e programador tornam muitas vezes inviável a realização deste sonho. Porém, é possível modificar um tema gratuito e conseguir um visual novo, modificando apenas a folha de estilo e as imagens do tema. É verdade que será necessário conhecer um pouco de HTML, CSS e PHP, além de um bom senso estético.

Lendo o blog WP Zoom esta semana, encontrei uma lista de blogs que, a partir de um tema gratuito, criaram um visual completamente diferente. Veja alguns exemplos:

Tema Original Dilectio - Tema Modificado

Tema Original phpLD - Tema Modificado

Tema Original Smashing Theme - Tema Modificado

Agora vem a parte do jabá :), se você quer ter uma tema exclusivo e com baixo custo, entre em contato comigo, nós poderemos escolher um bom tema gratuito, modificar suas cores, adicionar publicidade, traduzir o tema e incluir seu logotipo, por exemplo. Eu já fiz trabalhos assim para o Estrelato, Acredite Se Quiser, Movimento Preservar e Eu Bebo Sim.

A maioria dos temas gratuitos possuem um layout bem característico de blog, e afinal de contas a maioria dos usuários do WordPress o utilizam para esta função mesmo. Com o crescimento dos recursos do WordPress começaram a surgir layouts mais sofisticados porém em sua maioria pagos.

Por este motivo, Pavel Ciorici do blog WPZOOM, decidiu criar um coletânea de temas gratuitos com layout tipo magazine. Sua coletânea é bem extensa, são 45 temas no total, mas aviso de antemão que alguns deles não possuem um layout assim beeeem magazine, de qualquer forma vale a pena dar uma conferida.

Os temas que achei mais interessantes e que ainda não conhecia foram o Branford Magazine e o Arthemia

Dica de meu amigo Diego.