Como añadir un enlace «Imprime este post»

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.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(1 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

12 comentarios en “Como añadir un enlace «Imprime este post»”

  1. 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

  2. Esto lo tenía que comentar;

    ¿De la impresora? jaja… !se ve claramente que es un monitor tumbado en una fotocopiadora!!

  3. 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?

  4. @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 pantalla screen.

    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.

  5. 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>

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido