Buat Laman Cetak Cetak dengan Gutenberg.css

Pereka web sering lupa cetak kerana ia kelihatan kurang penting pada masa kini. Dan ini mungkin benar untuk laman digital seperti BuzzFeed.

Walau bagaimanapun, pada laman web maklumat ia masih merupakan amalan yang baik untuk menawarkan lembaran gaya cetakan tersuai. Syukurlah, anda tidak perlu merancang sendiri kerana Gutenberg di sini untuk membantu.

Dinamakan selepas pencipta akhbar percetakan Johannes Gutenberg, perpustakaan CSS ini adalah sumber mandiri untuk reka bentuk halaman cetak.

Anda hanya tambahkan gutenberg.css fail ke dalam kepala dokumen anda, dan anda sudah bersedia.

Setiap kali pengunjung pergi untuk mencetak halaman anda sepatutnya restyle secara automatik berdasarkan tetapan cetak. Ini boleh ditetapkan menggunakan media = "mencetak" Atribut HTML.

Lihat panduan ini jika anda ingin belajar sedikit lebih lanjut mengenai gaya cetak dan bagaimana ia berfungsi.

Perkara yang baik tentang Gutenberg adalah bahawa ia datang dengan kelas tambahan dan gaya juga.

Gali ke dalam folder tema dan anda akan dapati tiga tema cetak ganti: buku, moden, dan gaya lama. Anda boleh membuat mana-mana lalai dengan menambah mereka di atas lalai gutenberg.css fail.

Juga, anda boleh gaya halaman yang berbeza untuk dicetak dengan menambah kelas CSS tertentu. Contohnya .tiada cetak kelas akan benar-benar menyembunyikan unsur dalam gaya cetak.

Contoh lain ialah penambahan URL pautan bersebelahan dengan teks. Gutenberg menambah ciri ini untuk memudahkan orang mencari URL dari halaman anda. Tetapi anda boleh menambah .tidak ada pengubahsuaian kelas ke elemen utama untuk sembunyikan URL.

Semua barang ini dilindungi di repo GitHub dan ia sangat mudah. Anda boleh mempunyai Gutenberg dipasang dalam masa kurang dari 5 minit dan seluruh laman web anda akan cetak mesra.

Ini adalah setakat ini salah satu perpustakaan paling mudah dan paling keren untuk dilaksanakan untuk prestasi tapak yang lebih baik. Ia mungkin menambah beberapa KBs tambahan tetapi pengalaman keseluruhan akan ditingkatkan secara drastik.

Jika kandungan tapak anda mungkin pernah berlaku dicetak atas apa-apa sebab maka Gutenberg.css adalah sumber yang sangat diperlukan.