Sukurkite „Print-Friendly“ puslapį su „Gutenberg.css“
Web dizaineriai dažnai pamiršta spausdinti nes šiandien atrodo, kad tai yra mažiau reikalinga. Ir tai gali būti tiesa, pavyzdžiui, skaitmeninėms svetainėms, pvz., „BuzzFeed“.
Tačiau informacinės svetainės vis dar yra gera praktika pasiūlyti a pasirinktinio spausdinimo stiliaus lentelė. Laimei, jums nereikia kurti savo, nes Gutenbergas yra čia, kad padėtų.
Ši CSS biblioteka pavadinta spausdinimo spaudos išradėjo Johanneso Gutenbergo išradėju spausdinti puslapio dizainą.
Tu tik pridėkite gutenberg.css failą į savo dokumento galvutę, ir jūs visi esate nustatyti.
Kai lankytojas eina spausdinti savo puslapį, jis turėtų automatiškai restyle pagal spausdinimo nustatymus. Tai galima nustatyti naudojant media = "print" HTML atributas.
Jei norite sužinoti daugiau apie tai, skaitykite šį vadovą spausdinti stilių lenteles ir kaip jie veikia.
Gražus dalykas apie Gutenbergą yra tai, kad jis ateina su papildomų klasių ir stilių taip pat.
Įdėkite į temų aplanką ir rasite trys alternatyvios spausdinimo temos: knyga, modernus, ir senas Stilius. Jūs galite padaryti bet kurį iš šių numatytas pridėdami juos ant numatytojo gutenberg.css failą.
Taip pat galite spausdinti skirtingai pridedant konkrečias CSS klases. Pavyzdžiui, .be spausdinimo klasės valia visiškai paslėpti elementą spausdinimo stiliaus.
Kitas pavyzdys yra nuorodų URL pridėjimas šalia teksto. „Gutenberg“ prideda šią funkciją, kad žmonės galėtų lengviau rasti URL iš jūsų puslapio. Bet jūs galite pridėti .neformatuoti į inkaro elementą paslėpti URL.
Visa ši medžiaga yra įtraukta į „GitHub“ repo ir tai labai paprasta. Jūs galite turėti Gutenbergo įdiegta mažiau nei per 5 minutes ir visa jūsų svetainė bus spausdinama.
Tai yra iki šiol viena iš paprasčiausių ir paprasčiausių bibliotekų geresniam svetainės našumui. Ji gali pridėti keletą papildomų KB, tačiau bendra patirtis bus smarkiai pagerinta.
Jei jūsų svetainės turinys gali būti spausdinama dėl bet kokios priežasties tada Gutenberg.css yra būtinas išteklius.
