Seguro que te has encontrado en muchas webs y blogs un enlace que te invita a «Imprimir este post» justo debajo del susodicho. Hay muchas ocasiones en que puede ser realmente útil, sobre todo dependiendo de la temática del sitio.
En sitios como este, por ejemplo, puede ser muy interesante para que los lectores se impriman los tutoriales.
Si lo consideras interesante para tu blog es muy sencillo añadirlo. Solo tienes que incluir una línea de código que llama a una función Javascript estándar que todos los navegadores actuales soportan.
Sería algo así:
<a href="javascript:window.print()" rel="nofollow">Imprime este post</a>
Luego, dependiendo de donde lo pongas se imprimirá una cosa u otra. Si lo incluyes en la página de post sencillo (single.php) imprimirá el post pero si lo pones en cualquier parte del ‘index.php‘ no imprimirá el post donde se muestre el texto de imprimir sino toda la página principal.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
Probado y funciona, ahora quisiera poder añadir un pequeño icono.
Muy simple, enlaza esa url a la imagen que quieras, igual que harías en un post. o añádelo antes, lo que te guste mas.
Ahps, yo lo hice con un plugin de Wordpress. Tuve que añadir el Disallow */print/ para que no indexara estas secciones y generase contenido duplicado.
Por cierto, la iimagen de la impresora es bastante fea
Un Abrazo
Esto lo tenía que comentar;
¿De la impresora? jaja… !se ve claramente que es un monitor tumbado en una fotocopiadora!!
paracaidista, está claro que es una fotocopiadora 😀
Me pareció un modo simpático de ilustrar el objeto del post 😉
Hola, a me funciona correctamente pero me imprime tambien los sidebars enteros. Lo he metido en el single.php
Hola, a me funciona correctamente pero me imprime tambien los sidebars enteros. Lo he metido en el single.php
¿Hay manera de que solo imprima el titulo y cuerpo?
@k4os. Claro que hay manera. Necesitas una hoja de estilo especial dirigida a la impresión,
print
en oposición a la hoja que se usa para la pantallascreen
.En la hoja print, simplemente ocultas todos los elementos y solo haces visibles las capas que quieres imprimir. Y listo.
Es decir, depende de ti.
pues yo no soy capaz de hacerlo 🙁
@pisos: ¿que has hecho?, es bien sencillo ponerlo 🙄
Para que sea un estilo css para impresion y otro para la pantalla solo tienes que llamar a ambos estilos y darles las carcateristcias, algo asi:
<code><link rel="stylesheet" href="/style.css" type="text/css" media="screen" /></code>
<code><link rel="stylesheet" href="/print.css" type="text/css" media="print" />
</code>
Buen apunte Rogelio