9

Como personalizar uma página Por Érico Oliveira dia 06 de Maio de 2008 às 10:43 pm

Neste post mostrarei como é simples criar um template específico para uma determinada página. Para isso usarei um exemplo prático aqui do pBlog, a página “Sobre“. Nesta página eu não gostaria que fossem exibidos todo esse conteúdo que vem logo abaixo do título, como autor, data, categoria, tags e coisa e tal. Também não gostaria que fosse exibido o formulário de comentários (isso seria fácil de remover, bastaria desabilitar os comentários).

Resolvi então criar um novo template chamado sobre.php baseado no page.php e removi todo o conteúdo que não gostaria que fosse exibido. Depois adicionei o seguinte código no início da página:

<?php /* Template Name: sobre */ ?>

E quando fui criar a página escolhi na opção Page Template o template “sobre”, como vocês podem ver abaixo.

Page Template

Com essa personalização você pode fazer inúmeras modificações, como por exemplo, não exibir o menu lateral, eliminar a publicidade e qualquer coisa que lhe der na telha.

Conheça a hierarquia dos templates Por Érico Oliveira dia 06 de Maio de 2008 às 2:00 pm | Imprimir este post

Comecei a escrever um post sobre como alterar o template de uma determinada página, porém percebi que seria interessante explicar antes sobre a hierarquia dos templates em um tema do WordPress. É uma resposta a questão: Qual o arquivo do template o WordPress utiliza para exibir um determinado tipo de página?

No Codex existe uma imagem chamada wp_Template_Hierarchy.png que exprime graficamente esta hierarquia e torna bastante simples a compreensão.

WordPress Template Hierarchy

Se você analisou a imagem acima, percebeu que na prática um tema do WordPress precisaria apenas do index.php (e do style.css), pois caso não seja encontrado as páginas específicas é exibido sempre o index.php. Por exemplo, se um visitante acessa a página de uma determinada categoria cujo ID é 3, o WordPress irá procurar pelo template category-3.php, caso não exista este arquivo no seu template ele tentará o category.php, se também não existir irá para o archive.php e por último o index.php.

Desta forma o WordPress garante uma maior flexibilidade para criar temas, assim cada tipo de página pode ser exibido de uma forma diferente. Além disso é possível criar templates exclusivas para cada página que você crie, é o que veremos no próximo post! :)

Exibindo a quantidade de assinantes de Feed Por Érico Oliveira dia 05 de Maio de 2008 às 4:10 pm | Imprimir este post

Exibir o número de assinantes de feed é algo bastante comum entre os blogueiros e isto faz parte da estratégia de auto-promoção, afinal se você visita um blog que possui muitos assinantes é um sinal de que o conteúdo é relevante e você passa a considerar a possibilidade de assiná-lo também. O mesmo não ocorre se você está começando um blog e não possui muitos assinantes, tornar público que você possui, por exemplo, 7 assinantes, pode ser um tiro no pé e o efeito pode ser inverso. Por isso recomendo só exibir o número de assinante de feeds após conseguir pelo menos 100.

Para exibir a quantidade de assinantes de feed do seu blog, que provavelmente já deve estar utilizando o FeedBurner (caso não esteja utilize o plugin FeedSmith), acesse no próprio site do FeedBurner a aba Publicize e depois clique em FeedCount, como você pode ver na imagem abaixo:

FeedBurner - FeedCount

Copie o código da caixa de texto “Copy this HTML” e cole onde desejar no seu tema do WordPress. Desta forma será inserido o “Chicklet” do FeedBurner exibindo o número de assinantes. Se você deseja algo mais personalizado, como é o caso aqui do pBlog, utilize o plugin FeedCount. Sua utilização é bastante simples, após o download e a instalação do plugin ative a opção Awareness API no FeedBurner (permitindo o acesso externo aos dados) e adicione o seguinte código no seu tema onde será exibido o número de assinantes.

<?php if (function_exists('fc_feedcount')) fc_feedcount(); ?>

Inserindo mapas no WordPres Por Érico Oliveira dia 29 de Abril de 2008 às 2:37 pm | Imprimir este post

Procurando no site do WordPress é fácil encontrar plugins para inserir mapas no blog, principalmente do Google Maps. Testei vários deles e a grande maioria apenas insere o mapa no post, não permitindo um maior controle nos recursos disponibilizados por estes serviços. Se você, eventualmente quiser inserir um mapa, não recomendo a instalação de um plugin, simplesmente acesse o site do Google Maps, por exemplo, e utilize a opção “Customize and preview embedded map“, configure as opções de largura/altura do mapa e o tipo de visualização, por último copie o código e cole no seu post. Fácil, fácil. :-)

Google Maps

Porém se você deseja um controle maior, recomendo a instalação do plugin XML Google Maps, que utiliza os arquivos KML, KMZ ou GPX do Google Earth e controla as dimensões do mapa, o tipo de visualização, os botões, exibição de marcadores, rotas, regiões, etc.

Sua instalação é bastante simples, como todos os plugins do WordPress, a única diferença é a necessidade da API Key do Google Maps, que você consegue facilmente nesta página de cadastro. Após o upload e a ativação do plugin, acesse o menu “Settings/XML Google Maps”, insira a sua API Key e configure o plugin de acordo com suas preferências.

Agora faça o upload dos arquivos KML, KMZ ou GPX do Google Earth para o seu servidor web e crie um link no post para este arquivo desta forma:

  • <a href=”http://www.seudominio.com/arquivo.kmz”>Título[width=540;height=420;]</a>.

Veja alguns exemplos de lugares e rotas que costumo freqüentar aqui em Recife.

Praia de Boa Viagem

Rota Livraria Cultura - Cinema UCI

Lançada versão 2.5.1 do WordPress Por Érico Oliveira dia 26 de Abril de 2008 às 10:05 am | Imprimir este post

Na verdade trata-se de uma versão de correção, visto que foram encontrados (e resolvidos) mais de 70 pequenos bugs. Também foi corrigido um grande problema de segurança não revelado.

Vejamos as principais modificações:

  • Melhoria da performance das páginas do Dashboard, escrever posts e editar comentários;
  • Correção de bugs no Media Uploader;
  • Upgrade para o TinyMCE 3.0.7;
  • Correção na administração de Widgets;
  • Correção no layout para o IE;
  • Melhor performance para blogs com muitas categorias.

Recomendo a atualização à todos, em especial para aqueles que postaram no Fórum reclamando de problemas com WordPress 2.5.

Tema FreshPress Por Érico Oliveira dia 26 de Abril de 2008 às 9:50 am | Imprimir este post

Você gostou do novo visual da administração do WordPress 2.5? Então irá gostar também deste novo tema, FreshPress. Veja o demo.

Tema FreshPress

[download]

Como você edita seus arquivos no servidor? Por Érico Oliveira dia 25 de Abril de 2008 às 11:47 am | Imprimir este post

Depois de escrever o último post e reler o artigo do Rodrigo sobre como traduzir a administração do WordPress percebi um procedimento bastante comum para editar arquivos no servidor que é: fazer o download, editar e depois fazer o upload sobrescrevendo o arquivo.

Já faz algum tempo (na verdade bastante tempo, uns 3 anos) que utilizo o PSPad, um editor de texto com suporte a diversas linguagens de programação XHTML, CSS, PHP, XML, Java, Javascript entre outras. Mas sua principal vantagens em relação ao demais editores está no fato de acessar pastas remotas através de uma conexão de FTP, assim é possível abrir, editar e salvar arquivos localizados em servidores web, evitando assim o trabalho de download e upload.

A configuração do PSPad é muito semelhante a qualquer cliente de FTP como você pode ver nas imagens abaixo.

PSPad - FTPPSPad - Configurar FTPPSPad - Editar arquivo

Outra vantagem do PSPad é que, além de ser todo em português, ele possui um verificador ortográfico também em português - e do Brasil. :)

Já instalei o WordPress 2.5, como faço para traduzi-lo agora? Por Érico Oliveira dia 25 de Abril de 2008 às 10:19 am | Imprimir este post

Esta tem sido a dúvida de muitos leitores do nosso Fórum, como traduzir a administração do WordPress depois de feita a instalação em inglês. O procedimento é bastante simples como já explicou o Rodrigo neste artigo.

O primeiro passo é fazer o download do arquivo pt_BR.mo, em seguida utilize o seu programa de FTP para criar a pasta languages dentro da pasta wp-content e envie o arquivo pt_BR.mo para lá. Feito isso basta modificar o arquivo wp-config.php que está localizado na raiz do seu Wordpress, procure pela linha que contem o seguinte código:

  • define (’WPLANG’, ”);

E adicione o código pt_BR entre as aspas, ficando desta forma:

  • define (’WPLANG’, ‘pt_BR’);

Agora quando você acessar a administração do seu blog tudo estará em português, simples assim.