Cómo añadir un botón de impresión a su página web

Ya sabes, algo así como la adición de un botón de impresión de una página web suena bastante simple, ¿verdad? De hecho, ¿por qué necesitamos añadir ningún botón de impresión o un enlace a la página en absoluto, cuando todo el lector tiene que hacer es hacer clic en “Archivo”Y“Impresión…”En el menú del navegador?

Vídeo: PONER BOTONES DE FACEBOOK EN SITIO WEB O BLOG | LIKE, COMPARTIR, SEGUIR Y MÁS BOTONES

En última instancia, diferentes personas quieren que la función de impresión en su página web por diferentes razones. Es posible que sólo desee añadir comodidad. Cuando el lector puede simplemente hacer clic en un botón para obtener una copia impresa - se ahorra unos pocos clics, y cada clic conteos. Otras personas quieren personalizar el texto impreso - en otras palabras, ocultar ciertos elementos de la página de la copia impresa. En otras situaciones, la gente prefiere crear una versión personalizada con cuidado, para imprimir de la página web.

Para cada una de estas situaciones, existen diferentes soluciones. Siempre hemos tratado de ofrecer soluciones de impresión innovadoras aquí en MUO, como el artículo de Justin acerca imprimir en medias páginas y el artículo de Karl en PrintWhatYouLike. En este artículo voy a dar cuatro maneras en que puede integrar un botón de impresión o el enlace en su página web - desde los más sencillos HTML y javascript enfoque, con el enfoque CSS más personalizable. Ahorrar papel de formato & Imprimir sus archivos con la herramienta de imposición de Govert [Windows]Ahorrar papel de formato & Imprimir sus archivos con la herramienta de imposición de Govert [Windows]Papel cuesta dinero. Ahorrar mediante la impresión de sus archivos PDF en medias páginas. Tanto si quieres un folleto o copias de lado a lado, una herramienta gratuita para Windows no sólo hace que esto sea posible, pero también simple. Deja de tontear...Lee mas

La integración de impresión en su sitio web

Cuando nos fijamos en cualquier página web, es bastante fácil ver por qué es posible que desee personalizar la copia impresa. Una página web típica tiene anuncios, banners, enlaces publicitarios, barras laterales y las secciones de pie de página que no hacen nada más que comer hasta espacio de la página y derrochador consumen papel.

Si usted tiene un sitio web bastante simple, o que realmente no importa si todos los gráficos y las impresiones de formato o no, entonces todo lo que tiene que hacer es añadir un botón simple a su página web y utilizar el “print ()” método de javascript para enviar la página a la impresora.

La colocación de este código en su sitio en un lugar que es rápido y fácil para sus lectores a utilizar se ve algo como esto.

Todo el lector tiene que hacer es clic en el botón y la página se mandan directamente a la impresora sin ningún tipo de formato de página que sea. Si la página está más allá de la anchura imprimible de la impresora, es posible que podría terminar de imprimir muchas más páginas de las que es realmente necesario.

Algunas personas no me gusta mucho la apariencia de un botón de formulario, así como una alternativa puede simplemente usar un vínculo con el código javascript incrustado hacer exactamente lo mismo.

Imprime esta página

Se puede ver cómo en muchos casos un texto sencillo se ve mucho más limpio que un botón, sino que se utiliza realmente se reduce a lo que se ve mejor en la zona de la página web en la que desea proporcionar la función de impresión.

Vídeo: Cómo poner el botón Me Gusta de Facebook en tu página o blog (Like Box facebook)

Como se puede ver en el ejemplo de impresión anterior, el formato de los muchos anuncios e imágenes no coinciden perfectamente con la pantalla del navegador cuando sólo tiene que utilizar el comando de impresión. Esto se hace mucho más evidente para los sitios web más complejos. Otro enfoque es la gente usa para bloquear secciones enteras de la página web usando CSS, y asignar secciones específicas de la página para imprimir. Esto se hace mediante la vinculación primero el archivo CSS en la sección de encabezado.

A continuación, tendrá que crear el archivo CSS real y guardarla en el mismo directorio que su página web. El archivo CSS debe asignar a todas las secciones de la página que no se deben imprimir, y luego también hacer que los elementos de la página que se asigna a imprimir tan visible.

DIV # cabecera, DIV # newflash, DIV # bandera {display: ninguno-} cuerpo. {Visibility: hidden -} {print visibilidad: visible-}

Ahora que su archivo CSS está configurado, todo lo que tiene que hacer es ir a través de su página y etiquetar cada sección con la clase de “imprimir”.

será impreso esta línea.
Esta línea no lo hará.

Ahora se puede ver en la impresión que sólo las secciones de la página marcada con la clase de “imprimir” se imprimen a la página, y todas las demás secciones no hacerlo. La única dificultad con este enfoque es que usted tiene que asegurarse de apagar la pantalla para todas las secciones DIV que no desea imprimir. Como se puede ver a continuación, no añadí la sección “div” para el de anuncios de Google, por lo que todavía impreso.

Puede tomar algún tiempo para construir el archivo CSS y diseñar las clases correctamente. Si usted realmente no quiere preocuparse por hacer esto en cada página, a continuación, puede optar por un último enfoque. Esta es mi técnica preferida para proporcionar formato perfecto, versiones imprimibles de la página web. Todo lo que tiene que hacer es crear una versión en PDF formato del contenido de páginas web, guardarlo en su servicio de alojamiento web, y luego unir el archivo en el encabezado de la página.

Eso es todo lo que tiene que hacer! Puede incrustar el botón de impresión en su sitio al igual que en los ejemplos anteriores, pero en lugar del archivo CSS cargado para el método de impresión, PDF, DOC o de otro archivo se envía a la impresora. Como se puede ver a continuación, esto genera la versión imprimible de la página más limpia, y se puede personalizar más o menos que se vea exactamente como usted lo desee.

Vídeo: añadir un boton de me gusta a mi página web

Como se puede ver, hay un montón de opciones para elegir cuando se desea colocar un botón de impresión o un enlace en su página web. Cualquiera de estas opciones funcionan bien, pero la elección correcta realmente se reduce a la complejidad de la página web es, y el contenido que desea ofrecer a sus lectores, cuando optan por imprimir su página web.

¿Ha probado alguna de estas técnicas para añadir un botón de impresión de una página web? ¿Qué técnica que más le gusta? ¿Tiene alguna otra solución? Compartir su visión en la sección de comentarios.