Avisos
Vaciar todo

plantilla de impresión  

 
daniel
 daniel
Usuario eminente

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

Citar
Respondido : 12/12/2019 4:33 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 12/12/2019 5:40 pm

Cursos Gratuitos WordPress

daniel
 daniel
Usuario eminente

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.

ResponderCitar
Respondido : 13/12/2019 9:22 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Copia la url del CSS que estas usando para verificar.

Saludos.

ResponderCitar
Respondido : 13/12/2019 9:32 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

daniel
 daniel
Usuario eminente

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;
}

ResponderCitar
Respondido : 14/12/2019 11:30 am
daniel
 daniel
Usuario eminente

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.

ResponderCitar
Respondido : 14/12/2019 12:31 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 14/12/2019 2:04 pm