pBlog

O blog Smashing Magazine disponibilizou mais um surpreendente tema chamado WordPress FUN. Com muito grafismo, o tema se destaca principalmente pelo visual mas sem deixar a funcionalidade de lado. Conheça algumas características:

• 2 colunas;
• Código válido;
• Suporte a widgets;
• Compatível com Firefox, IE7 e Opera;
• Gravatar nos comentários;
• Thumbnails nos posts;
• Área de destaque na home;
• Arquivos fonte .PSD e .EPS;

Download

O tema foi criado por Maleika Attawel e comprado pelo Smashing Magazine para presentear seus leitores. :)

P.S. Estou viajando de férias e por isso o blog ficará nas próximas 2 semanas por conta do Rodrigo Ghedin. Abraços a todos e até a volta!

Demo | Download

Conheça algumas características deste tema:

• 3 Colunas;
• Código válido;
• Compatível com os plugins Gravatar, PageNavi, ShareThis, PostRatings;
• Trackbacks separados dos comentários;
• Comentários do autor em destaque;
• Suporte a widgets;
• Compatível com Firefox, IE7, IE6, Opera, Safari;
• Página de administração.

Não deixe de conferir este excelente checklist criado por Walmar do Fator W, nele está listado tudo o que um blog deve ter, tudo mesmo. Depois de ler percebi que preciso rever muitos aspectos aqui no pBlog, principalmente depois da troca de tema.

Walmar dividiu os 110 ITENS, isso mesmo que você leu, 110 ITENS de sua lista em 8 categorias distintas:

1. Navegação e estrutura;
2. Independência;
3. Conteúdo;
4. SEO;
5. Compartilhamento;
6. Publicidade e monetização;
7. Comentários, e;
8. Segurança

Este vai para o del.icio.us com certeza! :)

Depois de postar esta semana sobre o serviço gratuito de hospedagem de temas chamado HostMyTheme, recebo agora a notícia do leitor Marcus Danillo que o site oficial do WordPress está permitindo o envio de temas para seu diretório.

O procedimento é bastante simples, em primeiro lugar você deve realizar um cadastro no site do WordPress, em seguida fazer o login e enviar seu tema através de um formulário de upload. Logo após o envio você receberá um email de confirmação informando que seu tema foi enviado com sucesso, mas isto não garante que ele será disponibilizado. Uma análise prévia será feita para verificar se o mesmo possui todos os requisitos necessários para torná-lo disponível no diretório de temas do WordPress. Veja quais são estes requerimentos:

• Um arquivo único e “zipado” deverá conter todos os arquivos do tema;
• Deverá existir necessariamente um arquivo chamado style.css com o nome do tema, tags, versão e alinhamento;
• Um screenshot do tema com o nome screenshot.png;
• Nenhum tipo de publicidade, apenas um link para a página do autor;
• A temática não poderá ser adulta, e;
• O tema deverá ser original e de sua autoria.

As vantagens em disponibilizar seu tema no WordPress.org são muitas, além da enorme visibilidade, você poderá ver as estatísticas de downloads, acompanhar o feedback nos fóruns e ter seu tema avaliado através de um ranking do próprio diretório. Também será possível em breve, atualizar o tema automaticamente, como hoje é feito com os plugins. Fantástico, não?

Saiba mais detalhes na página Hosting your theme at WordPress.org.

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 ;-) .

Depois de adiar por bastante tempo, resolvi finalmente trocar o tema do pBlog. Apesar de ainda gostar da versão anterior, já estava mais do que na hora de fazer esta mudança, inclusive o Rodrigo Ghedin estava tentando me convencer a muito tempo, então fica aqui registrado meu agradecimento ao Rodrigo pela sua persistência (no bom sentido, claro!).

O tema escolhido foi o CheckMate e o principal motivo desta escolha foi a adequação do tema às necessidades do pBlog, além de uma quantidade enorme de recursos. O único receio que tive foi relacionado ao design, que definitivamente não me agradou, mas como vocês poderão observar, já modifiquei algumas coisas e pretendo modificar ainda mais. Outra mudança significativa que farei é a inclusão de um post em destaque na página principal, exibindo todo o seu conteúdo. Falta também traduzir o tema e adicionar alguns plugins.

Espero que vocês gostem do novo visual!

p.s. Em breve disponibilizarei o tema anterior para download. :)

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.

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.

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:

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:

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.