Looge Gutenberg.css'iga printimis-sõbralik lehekülg

Veebidisainerid unustavad sageli printida sest see tundub tänapäeval tunduvalt vähem vajalik. Ja see võib olla tõsi nii digitaalsete saitide nagu BuzzFeedi puhul.

Kuid informatiivsed veebilehed see on ikka hea tava pakkuda kohandatud printimisstiili. Õnneks ei pea te ise kujundama, sest Gutenberg on siin, et aidata.

Trükikoja leiutaja Johannes Gutenbergi järgi on see CSS raamatukogu eraldiseisev ressurss prindi lehekülje kujundused.

Sa lihtsalt lisa gutenberg.css faili oma dokumendipeale ja olete kõik seadistatud.

Kui külastaja külastab oma lehekülge, peaks see olema automaatselt uuesti prindisätte alusel. Seda saab määrata kasutades media = "print" HTML atribuut.

Vaadake seda juhendit, kui soovite veidi rohkem teada saada prinditabeleid printida ja kuidas nad töötavad.

Kena asi Gutenbergis on see, et see on kaasas lisaklassid ja -stiilid ka.

Mine teemade kausta ja leiad kolm alternatiivset trükiteemat: raamat, kaasaegne, ja vana stiil. Sa võid teha neist ühe vaikimisi lisades need vaikimisi gutenberg.css faili.

Samuti saate printige leht erinevalt spetsiifiliste CSS klasside lisamisega. Näiteks .printimata klassi tahe peita element täielikult printimise stiilis.

Teine näide on linkide URL-ide lisamine teksti kõrval. Gutenberg lisab selle funktsiooni, et inimestel oleks lihtsam leida oma lehelt URL-e. Aga saate lisada .mitte-vormindada klassi ankurelemendile URL-i peitmine.

Kõik see kraam on kaetud GitHub repoga ja see on väga lihtne. Sul võib olla Gutenberg paigaldatud vähem kui 5 minuti jooksul ja teie kogu sait on trükisõbralik.

See on kaugeltki üks kõige lihtsamaid ja lahedamaid raamatukogusid, mida rakendada parema saidi jõudluse tagamiseks. See võib lisada mõningaid täiendavaid KBsid, kuid üldine kogemus paraneb järsult.

Kui teie saidi sisu võib kunagi olla trükitud mingil põhjusel siis Gutenberg.css on hädavajalik ressurss.