كيف تجعل موقع WordPress الخاص بك سهل الطباعة في أي وقت من الأوقات

هل موقع WordPress الخاص بك سهل الطباعة؟ إذا لم تكن لديك أي فكرة عن سبب طرح هذا السؤال ، فقد لا يكون ...

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

في هذا المنشور ، ستتعرف على ما الذي يجعل موقع الويب سهل الطباعة ، وكذلك كيف يمكنك جعل طابعة موقع WordPress الخاصة بك سهلة الطباعة باستخدام CSS أو مكون إضافي.

ما الذي يجعل موقع الويب سهل الطباعة؟

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

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

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

وأخيرًا ، سيطبع العديد من الأشخاص المحتوى الخاص بك بالأبيض والأسود (والحبر الملون باهظ الثمن!) ، لذا فإن اعتماد مظهر أكثر رمادية للمحتوى المناسب للطابعة يعد فكرة جيدة دائمًا.

لهذا السبب ، فإن جعل موقع الويب الخاص بك سهل الطباعة يتضمن بشكل أساسي:

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

إذن كيف يمكنك فعل ذلك؟ هيا نكتشف…

كيفية جعل موقع الويب الخاص بك سهل الطباعة باستخدام CSS

في القسم التالي ، سأعرض لك بعض مكونات WordPress الإضافية التي يمكن أن تساعدك في جعل موقعك سهل الطباعة دون الحاجة إلى البحث في أي CSS. ولكن إذا كنت ترغب في الحصول على تحكم كامل في كيفية ظهور إصدار الطابعة في موقعك ، فيمكنك في الواقع استخدام محددات الوسائط لتصميم النسخة المطبوعة من صفحتك.

إن لبنة CSS الأساسية للمحتوى الصديق للطابعة الخاصة بك هي:

 media print {
/ * الأنماط الخاصة بالطابعة تذهب هنا * /
}

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

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

لكن بشكل عام ، إليك بعض الأشياء التي تريد القيام بها باستخدام CSS:

• استخدم العرض: لا شيء لإزالة عناصر مثل الأشرطة الجانبية وقوائم التنقل ونماذج البحث وأي شيء آخر غير مفيد في الصفحة المطبوعة.
• قم بتعيين حجم خط مقروء. يُعد مخطط النقاط إلى البكسل في Reed Design مفيدًا في معرفة كيفية ارتباط البكسل بأحجام الخطوط التي تعرفها في المزيد من البرامج الملائمة للطباعة مثل Microsoft Word أو Google Docs.
• استخدم خط serif لأنماط طابعتك ، حيث يجد معظم الناس أنه من الأسهل قراءتها على الصفحة المطبوعة.
• غيّر الألوان ، خاصةً إذا كنت تستخدم لون خلفية كثيف الحبر. يتم تعيين معظم المتصفحات بشكل افتراضي على خلفية بيضاء في العديد من المواقف - ولكن من الجيد التأكد من ذلك لأن أي مشكلة يمكن أن تعني الكثير من الحبر الضائع.

عند القيام بالأشياء الأربعة المذكورة أعلاه فقط ، يجب أن يكون لديك بالفعل موقع ويب سهل الطباعة إلى حد ما. ولكن إذا كنت ترغب في الذهاب إلى أبعد من ذلك ، فيمكنك أيضًا تنفيذ تكتيكات أكثر تقدمًا. على سبيل المثال ، يمكنك استخدام: after لطباعة عنوان URL لأي روابط. يؤدي هذا إلى إزالة الوسائط غير الضرورية من المنشورات (مثل مقاطع الفيديو - ليست مفيدة جدًا في الطباعة) والمزيد.

إذا كنت ترغب في الحصول على أمثلة أكثر تحديدًا لأنماط CSS الملائمة للطباعة أثناء العمل ، فإن المنشور الجيد الذي يجب قراءته هو هذا المنشور من Smashing Magazine لأنه يمر عبر صفحة مثال كاملة.

بعض ملحقات WordPress لجعل موقعك سهل الطباعة

إذا كنت تفضل عدم جعل يديك متسخين باستخدام CSS ، فيمكنك ، كالمعتاد ، اللجوء إلى مكون WordPress الإضافي للحصول على المساعدة. لديك مجموعة من الخيارات المختلفة ، ولكن إليك بعض التوصيات.

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

WP- طباعة

يعد WP-Print مكونًا إضافيًا مجانيًا شائعًا لمساعدتك في إنشاء موقع WordPress سهل الطباعة. بالإضافة إلى إضافة زر Print This المخصص ، يمنحك المكون الإضافي أيضًا واجهة سهلة الاستخدام. هذا دائمًا ما تقوم بتخصيص العديد من الإعدادات التي ناقشتها في قسم CSS السابق.

كنت أشعر بالفضول لمعرفة كيف يعمل هذا البرنامج المساعد مع Divi و Divi Builder. لذلك ، قمت بإعداد منشور اختبار سريع لمعرفة كيفية عمل الأشياء. إليك كيف يبدو إصدار الويب من منشور الاختبار الخاص بي:

وإليك ما تبدو عليه النسخة الملائمة للطباعة من هذا المنشور ( تذكر - يمكنك تخصيص كيفية عمل الصور - يستخدم المثال الافتراضي فقط ):

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

فقط كن على علم - ستحتاج إلى أن تكون مرتاحًا في البحث في ملفات قالب القالب الخاص بك لإضافة زر "طباعة هذا" . إنها إلى حد كبير مجرد وظيفة نسخ ولصق - لكن المبتدئين قد يجدونها مربكة.

السعر: مجاني | معلومات اكثر

طباعة ، PDF ، البريد الإلكتروني عن طريق PrintFri Friendly

قبل أن أذهب إلى أبعد من ذلك ، أريد أن أطلع على التحذير الرئيسي لهذا المكون الإضافي - الإصدار المجاني مدعوم بالإعلانات. ليس مثاليًا ... لكن البرنامج المساعد نفسه جميل جدًا ، والإعلانات ليست تطفلية بشكل خاص.

إذا لم يكن ذلك بمثابة كسر للصفقات ، أو إذا كنت على استعداد للترقية إلى محترف ، فاستمر في القراءة ...

يدمج المكون الإضافي WordPress الخاص بـ PrintFri Friendly خدمة PrintFri Friendly في موقعك. هذه خدمة رائعة ، بالإضافة إلى تجريد الأجزاء الدخيلة من قالب WordPress الخاص بك ، تمنح المستخدمين أيضًا بعض التحكم في كيفية ظهور صفحتهم المطبوعة.

مثل WP-Print ، يمنحك المكون الإضافي زر طباعة. عند النقر عليه ، يفتح هذا الزر نافذة عرض مبسط. هذا هو المكان الذي يمكن للمستخدمين فيه معاينة النسخة المطبوعة ، وكذلك ضبط حجم الصورة والنص:

لا تحتوي على ميزة الاقتباس الرائع للارتباط من WP-Print ، لكنني أعتقد أنها رائعة بسبب التحكم الذي توفره للزائرين. والشيء الجميل الآخر هو أنه يسهل أيضًا على القراء مشاركة منشورك أو تنزيله كملف PDF أو بريد إلكتروني.

السعر: مجاني مع دعم الإعلان. يبدأ الإصدار المحترف بسعر 4 دولارات شهريًا | معلومات اكثر

التفاف الأشياء

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

الآن انتقل إليك - هل سبق لك أن تطبع محتوى من موقع ويب؟ ما الذي يعجبك و / أو لا يعجبك في الإصدارات الملائمة للطباعة من معظم مواقع الويب؟

الصورة المصغرة للمادة من AVIcon / shutterstock.com