La mayoría de los botones de impresión, incluidos los que vienen con Jetpack y AddThis, simplemente activan la función Imprimir de su navegador.
Los navegadores tienen una forma integrada de manejar los sitios web de impresión de formas diferentes al sitio web, utilizando un archivo print.css específico o mediante consultas de medios impresos en el archivo CSS principal.
Para WordPress, simplemente necesita crear un archivo print.css e insertarlo en su tema (o si está utilizando un tema no personalizado, la carpeta theme-child).
- ¿Qué puede imprimir una impresora de cama plana?
- ¿Por qué los países no imprimen dinero para cubrir los gastos?
- Cómo agrandar una pintura pequeña e imprimirla en formato grande a 4x o 10x su tamaño original sin que se vuelva borrosa / pixelada
- ¿Qué impresora es la más económica para comprar: la HP InkJet 2545 o la Epson L120?
- ¿Qué crecimiento habrá en el mercado de materiales de impresión 3D en los próximos años?
Un archivo CSS es simplemente un archivo de texto normal (con una extensión .css), y podría verse así:
/ * Imprimir hoja de estilo * /
@media print {
cuerpo {
fondo: blanco; de color negro; margen: 0;
}
.main-header, .main-footer, .sidebar {
pantalla: ninguno;
}
}
Puede copiar y pegar lo anterior para comenzar, pero deberá cambiar los nombres de clase anteriores ( .main-header, .main-footer, .sidebar ) a los que coincidan con su sitio; cada clase o ID debe ser Separado con una coma. Si no sabe cuáles son, simplemente cargue su página en su navegador, haga clic derecho en el área para la que desea conocer las clases / id y seleccione “Inspeccionar elemento”.
Una vez que tenga todo su archivo print.css escrito, debe decirle a WordPress que lo use. Para hacer esto, una vez más necesitará hacer una adición a su tema o carpeta de tema-hijo. En el archivo functions.php tu tema (si la carpeta theme-child no tiene uno, simplemente créalo usando un editor de texto) agrega:
función custom_print_css () {
wp_enqueue_style (‘custom-print-css’, get_template_directory_uri (). ‘/print.css’, null, null, ‘print’);
}
add_action (‘wp_enqueue_scripts’, ‘custom_print_css’);
Una vez que tenga todo eso actualizado, puede cargar su sitio en un navegador y usar la Vista previa de impresión del navegador para ver si funciona correctamente. De lo contrario, vea la fuente de la página (haga clic con el botón derecho en cualquier lugar de la página y seleccione “ver fuente” o algo similar, ya que la redacción exacta varía de un navegador a otro). Realice una búsqueda de print.css y vea si el tema lo está print.css correctamente. Si no es así, revise los pasos anteriores, asegurándose de borrar tanto el caché de su navegador como cualquier complemento de caché de WordPress.
Si está allí, pero su Vista previa de impresión todavía muestra cosas que no desea, verifique que esté apuntando a la ID o clase correctamente en el archivo print.css .
NB: Si solo está buscando imprimir estas páginas usted mismo, puede usar el Webclipper de Evernote y seleccionar “Artículo simplificado”.
Además, hay más información (aunque un poco desactualizada) en el códice de WordPress sobre este tema.
