Sin categoría

¿Se pueden imprimir tus posts?

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 archivo print.css

Más de uno te agradecerá que tu blog y tus posts sean imprimibles.

About the author

Dimas

View all posts

4 Comments