Gutenberg.css के साथ एक प्रिंट-फ्रेंडली पेज बनाएं

वेब डिजाइनर अक्सर भूल जाते हैं छाप क्योंकि यह आजकल बहुत कम आवश्यक लगता है। और यह BuzzFeed जैसी डिजिटल साइटों के लिए सही हो सकता है.

हालाँकि, पर सूचनात्मक वेबसाइट यह अभी भी एक अच्छी पेशकश करने के लिए अभ्यास है कस्टम प्रिंट स्टाइलशीट. शुक्र है, आपको अपना खुद का डिज़ाइन बनाने की आवश्यकता नहीं है क्योंकि गुटेनबर्ग यहाँ मदद करने के लिए है.

प्रिंटिंग प्रेस के आविष्कारक जोहान्स गुटेनबर्ग के नाम पर, यह सीएसएस लाइब्रेरी एक स्टैंडअलोन संसाधन है प्रिंट पेज डिजाइन.

तुम बस जोड़ें gutenberg.css फ़ाइल आपके दस्तावेज़ प्रमुख में, और आप सभी सेट हैं.

जब भी कोई विजिटर आपके पेज को प्रिंट करने के लिए जाता है, तो इसे स्वचालित रूप से विश्राम प्रिंट सेटिंग के आधार पर। यह का उपयोग कर सेट किया जा सकता है मीडिया = "प्रिंट" HTML विशेषता.

अगर आप इसके बारे में थोड़ा और जानना चाहते हैं तो इस गाइड को देखें स्टाइलशीट प्रिंट करें और वे कैसे काम करते हैं.

गुटेनबर्ग के बारे में अच्छी बात यह है कि यह अतिरिक्त कक्षाओं और शैलियों के साथ आता है बहुत.

थीम फ़ोल्डर में खोदें और आप पाएंगे तीन वैकल्पिक प्रिंट थीम: किताब, आधुनिक, तथा पुराना तरीका. आप इनमें से कोई भी बना सकते हैं चूक उन्हें डिफ़ॉल्ट के ऊपर जोड़कर gutenberg.css फ़ाइल.

इसके अलावा, आप कर सकते हैं पेज को प्रिंट के लिए अलग तरह से स्टाइल करें विशिष्ट सीएसएस वर्गों को जोड़कर। उदाहरण के लिए .कोई प्रिंट कक्षा होगी पूरी तरह से एक तत्व को छिपाने प्रिंट शैली में.

एक और उदाहरण है लिंक यूआरएल के अलावा पाठ के बगल में। गुटेनबर्ग ने इस सुविधा को अपने पेज से लोगों को URL खोजने में आसान बनाने के लिए जोड़ा है। लेकिन आप जोड़ सकते हैं .कोई पुनः स्वरूपित लंगर तत्व पर वर्ग URL छिपाएँ.

यह सारा सामान गिटहब रेपो पर कवर किया गया है और यह बहुत सीधा है। आपके पास गुटेनबर्ग हो सकता है 5 मिनट से कम समय में स्थापित और आपकी पूरी साइट प्रिंट-फ्रेंडली होगी.

ये है लागू करने के लिए सबसे सरल और सबसे अच्छे पुस्तकालयों में से एक है बेहतर साइट प्रदर्शन के लिए। इसमें कुछ अतिरिक्त KB जोड़े जा सकते हैं, लेकिन समग्र अनुभव में अत्यधिक सुधार होगा.

यदि आपकी साइट की सामग्री कभी भी हो सकती है किसी भी कारण से मुद्रित तब Gutenberg.css एक अनिवार्य संसाधन है.