Gutenberg.css ile Baskıya Uygun Bir Sayfa Oluşturun

Web tasarımcıları çoğu zaman unutur baskı Çünkü bugünlerde çok daha az gerekli görünüyor. Bu BuzzFeed gibi dijital siteler için de geçerli olabilir..

Ancak, açık bilgilendirme web siteleri teklif etmek hala iyi bir pratik özel baskı stil sayfası. Neyse ki, kendi tasarımınızı yapmanıza gerek yok çünkü Gutenberg yardım etmek için burada.

Matbaanın Johannes Gutenberg'in mucidi olarak adlandırılan bu CSS kütüphanesi, sayfa tasarımlarını yazdır.

Sen sadece ekle gutenberg.css dosya Belge kafanıza girdi ve hepiniz hazırsınız..

Bir ziyaretçi sayfanızı yazdırmaya gittiğinde otomatik olarak restyle baskı ayarlarına göre. Bu kullanarak ayarlanabilir Medya = "print" HTML özelliği.

Hakkında daha fazla bilgi edinmek istiyorsanız bu kılavuza göz atın. stil sayfalarını yazdırma ve nasıl çalıştıklarını.

Gutenberg'in güzel tarafı da Ekstra sınıf ve stillerle birlikte gelir çok.

Temalar klasörüne bak, üç alternatif baskı teması: kitap, modern, ve eski tarz. Bunlardan herhangi birini yapabilirsiniz. varsayılan varsayılanın üstüne ekleyerek gutenberg.css dosya.

Sen de yapabilirsin Sayfayı yazdırmak için farklı stil belirli CSS sınıfları ekleyerek. Örneğin .no-baskı ders olacak bir öğeyi tamamen gizle baskı tarzında.

Başka bir örnek ise bağlantı URL'lerinin eklenmesi metnin yanında. Gutenberg, kişilerin sayfanızdaki URL’leri bulmasını kolaylaştırmak için bu özelliği ekler. Ancak ekleyebilirsiniz .no-reformasyon bağlantı elemanı üzerine sınıf URL’yi gizle.

Bütün bunlar GitHub deposunda yer alıyor ve çok basit. Gutenberg'e sahip olabilirsin 5 dakikadan daha kısa sürede monte edilir ve tüm siteniz baskı dostu olacaktır.

Bu bugüne kadar uygulanacak en basit ve en havalı kütüphanelerden biri daha iyi site performansı için. Birkaç ekstra KB daha ekleyebilir ancak genel deneyim büyük ölçüde geliştirilecektir..

Sitenizin içeriği hiç herhangi bir nedenle basılmış o zaman Gutenberg.css vazgeçilmez bir kaynaktır.