Nel wordpress Gpci framework il modulo Stampa serve a rendere il più vicino possibile la stampa di pagine alla grafica del sito e rende disponibile 2 stili separati per la stampa: uno globale e uno per pagina singola. Abilitare il modulo per avere accesso allo stile di stampa globale e all'ottimizzazione automatica del codice html, scegliere i post type in cui il modulo sarà attivo e, se necessario, abilitare il sotto modulo per avere accesso allo stile di stampa per le pagine singole.
File style.print.css
Lo stile di stampa globale è inserito nel file style-print.css, che è creato/modificato durante il salvataggio del customizer o del site editor. Il file è creato semplicemente eseguendo delle sostituzioni tramite php come definito nella funzione GpciUpdatePrintCss.
Controllo css pagina singola
Se abilitato il sotto modulo stile pagina singola comparirà una nuova metabox di stampa nelle pagine/post singoli in cui sarà possibile inserire codice css destinato alla stampa. Non utilizzare tag style e @media print in quanto già preinseriti nel frontend.
Ordine degli stili di stampa
Per avere il massimo del controllo sullo stile di stampa vengono eseguite 3 operazioni in questo ordine:
- il file style-print.css viene accodato alla head se esiste
- il codice html della pagina corrente è automaticamente ottimizzato per la stampa tramite javascript; in pratica viene creato un tag style vuoto nel footer con id gpci-module-print-css che viene riempito con tutti gli stili inline della pagina convertiti in css utilizzando l'attributo speciale data-print-index
- per ultimo viene aggiunto, se presente, lo stile definito nella pagina singola
Esempio di stili di stampa
Esempio di stile di stampa generato nella pagina corrente:
header,footer{ display:none; }
#main-primary-section{ display:none; }
.wp-block-group{ box-shadow:none; }
.CodeMirror-line-like{ display:none; }Risultato
Icona che manda in stampa la pagina corrente:
E' possibile copiare il pattern nella pagina pulsante stampa.