Ustvarite stran za tiskanje z Gutenberg.css

Spletni oblikovalci pogosto pozabljajo natisnite ker se danes zdi veliko manj potrebno. In to lahko velja za digitalne spletne strani, kot je BuzzFeed.

Vendar pa na informacijske spletne strani še vedno je dobra praksa, da ponudite Prilagojena oblika sloga za tiskanje. K sreči vam ni treba oblikovati svojega, ker Gutenberg je tukaj, da pomaga.

Imenovana po izumitelju tiskarskega stroja Johannes Gutenberg, je ta knjižnica CSS samostojni vir za načrte za tiskanje strani.

Ti samo dodajte gutenberg.css mapa v glavo dokumenta in vsi ste pripravljeni.

Kadarkoli obiskovalec odide na tiskanje vaše strani, mora samodejno preoblikuje glede na nastavitev tiskanja. To lahko nastavite s tipko media = "print" Atribut HTML.

Oglejte si ta priročnik, če želite izvedeti več o tem tiskanje slogov in kako delujejo.

Lepa stvar pri Gutenbergu je to prihaja z dodatnimi razredi in slogi tudi.

Pojdite v mapo s temami in našli boste trije nadomestni tiskalniki: knjigo, moderno, in starega sloga. Lahko naredite katero koli od teh privzeto tako, da jih dodate na privzeto gutenberg.css mapa.

Prav tako lahko za tiskanje oblikujete stran drugače z dodajanjem posebnih razredov CSS. Na primer .brez tiskanja razred bo popolnoma skriti element v slogu tiskanja.

Drug primer je dodajanje URL-jev povezav poleg besedila. Gutenberg doda to funkcijo, da bo ljudem lažje najti URL-je iz vaše strani. Lahko pa dodate .brez preoblikovanja na sidrni element skrij URL.

Vse te stvari so zajete v GitHub repo in je zelo enostavna. Lahko imaš Gutenberga v manj kot 5 minutah in celotno spletno mesto bo prijazno za tiskanje.

To je daleč ena od najpreprostejših in najbolj kulbiranih knjižnic za izvajanje za boljšo učinkovitost delovanja spletnega mesta. Lahko doda nekaj dodatnih KB-jev, vendar se bo celotna izkušnja drastično izboljšala.

Če je vsebina vaše spletne strani morda kdaj natisnjena iz kakršnega koli razloga potem je Gutenberg.css nepogrešljiv vir.