Como adicionar a opção “Imprimir este artigo”

Imprimir um artigo não é tão interessante para blogs de maneira geral, quem é que imprime os artigos do pBlog? Ninguém. De qualquer forma eu adicionei um link na página dos posts para testar este recurso. Porém, em alguns projetos, é muito interessante ter este recurso, por exemplo, em um site sobre culinária é legal ter esta facilidade para imprimir as receitas, afinal você não vai levar o notebook para junto do fogão, ou vai??!

<a href="javascript:window.print()">imprimir este post</a>

O código acima ativa a opção de impressão do navegador e será ele que você adicionará ao seu tema, mas aí você me pergunta: qual a vantagem de colocar um link que apenas irá abrir o quadro de impressão? Agora é que vem o pulo do gato, antes de inserir este código você deverá criar um estilo CSS só para impressão, assim você terá uma formatação específica para tal finalidade.

O novo tema do pBlog, por exemplo, não tinha um estilo CSS para impressão, então eu tive que criar um e não foi nada complicado. Baseado nas dicas do CatsWhoCode criei o seguinte estilo, que chamei-o de print.css:

html {width:100%}
body {background-color: #fff; color: #000; font-size: 12pt;}
a {color: #000;}
img {border: 0;}
#header, #menu, #footer, #sidebar, .postmeta, .navPost, #related, .inAds, .commentlist, #commentform {display:none;}
h1, h2 {page-break-before: auto;}
p {page-break-inside: avoid;}

Você pode e deve copiar este código para criar o seu print.css, a única alteração a ser feita será na linha 05 onde será necessário adicionar os ID’s e classes do seu tema que não deverão aparecer na impressão. Por exemplo, de cara eu adicionei o #header, #menu, #footer, #sidebar, com a propriedade display:none;, assim estas partes do site não aparecerão na hora de imprimir. Depois dei mais uma olhada no código e fui adicionando outras partes que gostaria que não fossem impressas.

Por último será adicionado no header.php a chamada do estilo CSS para impressão, este código deverá estar entre as tags e . Agora basta ligar a impressora!

<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/print.css" type="text/css" media="print" />

Esta dica eu encontrei no blog WP Recipes, que a cada dia trás ótimos códigos para customizar o WordPress. Se você manda bem no inglês adicione-o ao seu leitor de feeds imediatamente, caso contrário, acompanhe o pBlog.