إنشاء صفحة سهلة الطباعة مع Gutenberg.css

مصممي الويب غالبا ما ينسى طباعة لأنه يبدو أقل أهمية بكثير في الوقت الحاضر. وقد يكون هذا صحيحًا بالنسبة للمواقع الرقمية مثل BuzzFeed.

ومع ذلك ، على المواقع المعلوماتية انها لا تزال ممارسة جيدة لتقديم ورقة أنماط الطباعة المخصصة. الحمد لله ، لا تحتاج إلى تصميم خاص بك ل غوتنبرغ هنا للمساعدة.

سميت باسم مخترع المطبعة يوهانس غوتنبرغ ، مكتبة CSS هذه هي مورد مستقل لـ طباعة تصاميم الصفحة.

انت فقط أضف ال gutenberg.css ملف في رأس المستند الخاص بك ، وكنت كل مجموعة.

كلما ذهب زائر لطباعة الصفحة الخاصة بك ينبغي تصفيف تلقائيا بناء على إعداد الطباعة. هذا يمكن تعيين باستخدام وسائل الاعلام = "طباعة" سمة HTML.

تحقق من هذا الدليل إذا كنت تريد معرفة المزيد حول أوراق الطباعة وكيف تعمل.

الشيء الجميل في غوتنبرغ هو أنه يأتي مع فصول وأساليب إضافية جدا.

حفر في مجلد السمات وستجد ثلاثة مواضيع الطباعة البديلة: كتاب, حديث, و موضة قديمة. يمكنك جعل أي من هذه الافتراضي عن طريق إضافتها في الجزء العلوي من الافتراضي gutenberg.css ملف.

أنت أيضا تستطيع نمط الصفحة بشكل مختلف للطباعة عن طريق إضافة فئات CSS محددة. على سبيل المثال .لا الطباعة سوف الصف إخفاء عنصر تماما في نمط الطباعة.

مثال آخر هو إضافة عناوين URL الارتباط بجانب النص. يضيف Gutenberg هذه الميزة لتسهيل على الأشخاص العثور على عناوين URL من صفحتك. ولكن يمكنك إضافة .عدم إعادة صياغة الطبقة على عنصر مرساة ل إخفاء عنوان URL.

كل هذه الأشياء مغطاة على GitHub repo وهي واضحة جدًا. يمكنك الحصول على غوتنبرغ مثبتة في أقل من 5 دقائق وسوف يكون موقعك بالكامل سهل الطباعة.

هذا هو إلى حد بعيد واحدة من أبسط وأروع المكتبات لتنفيذ لتحسين أداء الموقع. قد تضيف بضعة كيلوبايت إضافية ولكن سيتم تحسين التجربة بشكل كبير.

إذا كان محتوى موقعك قد يكون من أي وقت مضى المطبوعة لأي سبب من الأسباب ثم Gutenberg.css هو مورد لا غنى عنه.