Imprimir los post del blog

  • septiembre 21, 2010
Hay muchos lectores que prefieren imprimir algunos posts que son m??s largos para poder realizar una mejor lectura de algo que les puede resultar interesante o, simplemente, como yo he hecho alguna vez, porque es m??s c??modo.
Para WordPress existe alg??n plugin que crea una versi??n imprimible de los posts, pero utilizar un plugin para eso no me gusta teniendo en cuenta que existe una posibilidad f??cil de adoptar y mucho m??s limpia, que adem??s vale para cualquier blog.
Lo que vamos a hacer es que cuando un usuario utilice la opci??n ???Imprimir??? de su navegador eliminemos elementos que no son importantes: publicidad, barra lateral, pie de p??gina???, para crear una versi??n imprimible del blog y ponerla a su disposici??n.

Para ello tenemos que crear una hoja de estilos que ser?? la que use el navegador cuando vaya a imprimir el documento. Voy a suponer que tenemos un blog en WordPress, no obstante, se puede hacer en cualquier blog mientras tengas acceso a sus archivos y al servidor.
Es decir:
1. Creamos un archivo con el nombre de print.css.(Lo puedes hacer con un editor de texto, por ejemplo Notepad.)
La funci??n de la hoja de estilos es eliminar todo el contenido innecesario como hemos dicho antes. Es decir, si quiero eliminar el pie de p??gina del blog contenido en la siguiente etiqueta:
<div id="footer">
<-- Contenido del footer -->
</div>
Debo a??adir la siguiente linea en la hoja de estilos, print.css:
#footer {display:none;}
As??, sucesivamente, con todos los elementos que queramos eliminar:
#sidebar {display:none;}
#comentarios {display:none;}
2. Subimos el archivo al directorio de nuestro tema o plantilla actual del blog. (wp-content/themes/plantilla-actual)
3. Editamos el archivo header.php y entre las etiquetas head, a??adimos lo siguiente:
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/print.css" type="text/css" media="print" />
As?? el navegador sabe que tiene que usar el archivo print.css para imprimir el documento.
Para ver como queda s??lo tienes que usar la opci??n ???Vista preliminar??? del navegador. Si se te ha olvidado eliminar algo o te has equivocado, no tienes m??s que editar de nuevo el archivoprint.css
M??s de uno te agradecer?? que tu blog y tus posts sean imprimibles.

No Comments Found