Hola,
Tengo una pagina de un restaurante hecha con Wordpress y querría que en la sección de la pagina donde están los distintos menús del Mesón, que se pudieran imprimir con un encabezado y un pie corporativo o sea con el logo y la dirección del mesón en el encabezado y un pie con las redes sociales del mismo.
Y no sé si alguien me puede recomendar algún plugin que haga esto.
Un Saludo.
URL del sitio: Contenido solo visible a usuarios registrados
Hola
Evalúa este plugin que tiene la opción de imprimir, exportar a pdf o enviar por email el artículo:
https://es.wordpress.org/plugins/printfriendly/
Saludos.
Lo estoy probando pero estoy siguiendo las instrucciones para cambiar un poco la estética insertando una hoja de estilo y no hay manera que la coja. Alguien me puede decirme porque me ocurre esto adjunto una captura de pantalla.
He conseguido saber como poner un encabezado a la plantilla de impresión pero no un pie. Y he leído en los detalles del plugin que se puede hacer.
Un Saludo.
Hola
Copia la url del CSS que estas usando para verificar.
Saludos.
Este es el css
/ * Imprimir colores de fondo y fuentes coloridas * /
@media print {
body #printfriendly { -webkit-print-color-adjust: exact;}
}
/ * Alinea las imágenes a la izquierda * /
#printfriendly img{
float:left;
margin-top: 12px;
margin-right: 12px;
}
/ * Cambia la familia de fuentes y el tamaño * /
#printfriendly {
font-family: arial;
font-size: 24px;
}
/ * Cambia el color del encabezado * /
#printfriendly h1, #printfriendly h2, #printfriendly h3, #printfriendly h4 {
color: Green;
}
/ * Oculta el título de la página y la URL de origen * /
#printfriendly #pf-src {
display:none;
}
/ * Reducir margen en PDF * /
#printfriendly .pdf-border{
padding:0!important;
}
hola,
Ya ha cogido la hoja de estilo. Ahora lo que no sé es como ponerle pie a esta plantilla de impresión.
Y gracias por ofrecerte a ayudarme.
Saludos.
Hola Daniel,
Al trabajar con print en CSS para la generación de PDFs tendrás que probar y buscar hasta dar con una solución satisfactoria, prueba agregando el siguiente CSS:
@media screen { div.footer { display: none; } } @media print { div.footer { position: fixed; bottom: 0; } }
donde div.footer puede ser:
Saludos.