تقنيةوردبرس

أفضل 10 إضافات WordPress للتعامل مع الخطوط والطباعة

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

قمنا بتجميع خمسة مكونات إضافية لـ WordPress يمكنها مساعدتك في فعل المزيد مع الخطوط ، مثل تغيير لونها وحجمها ومظهرها ، إلخ.

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

استخدم أي خط Use Any Font

باستخدام هذا المكون الإضافي ، يمكنك استخدام أي خط لديك (بتنسيقات TTF أو OTF أو EOT أو WOFF أو SVG أو dfont) حتى لا تضطر إلى الاعتماد على خدمات تضمين الخطوط التي تأتي عادةً مع عدد محدود من الخطوط. ما عليك سوى تحميل الخط على WordPress الخاص بك واستخدامه.

أفضل 10 إضافات WordPress للتعامل مع الخطوط والطباعة

جوجل تايبوجرافي

هناك المئات من Google Fonts التي يمكنك استخدامها بشكل جيد عبر هذا المكون الإضافي Google Typography. ولا يتعين عليك حتى كتابة سطر واحد من التعليمات البرمجية للاستفادة من ذلك.

يمكنك تحديد خطوط الموقع وتخصيصها من أداة تخصيص WordPress وستظهر مباشرة في المعاينة.

اختيار خطوط Google في شاشة تخصيص WordPress

FontAwesome

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

إنه مكون إضافي جديد تمامًا ؛ مكتوبة من الألف إلى الياء ويحتفظ بها فريق FontAwesome مباشرة. يمكنك تحميل الرمز كملف SVG أو خط ويب إما مباشرة أو باستخدام CDN.

شعار FontAwesome وبعض الأيقونات بألوان زرقاء

خطوط Typekit المخصصة

يتيح لك هذا المكون الإضافي الاتصال بـ Typekit (الآن Adobe Fonts) لإضافة مجموعة الخطوط إلى موقع الويب الخاص بك بسهولة.

إنه يعمل مع اثنين من السمات الشائعة ومنشئي السمات مثل AstraTheme و Beaver Builder Theme و Plugin و Elementor Page Builder.

قطع الخطوط

Custom Fonts

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

كما أنه متوافق مع منشئي الصفحات المشهورين مثل Elementor و Beaver Builder.

خطوط عادية

WP Typography

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

خطوط عادية

استضافة خطوط جوجل

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

استضافة خطوط جوجل

تعطيل خطوط جوجل

إذا كنت لا تعتقد أن Google Fonts هو الخيار المناسب لموقعك على الويب ، فسيكون هذا المكون الإضافي مفيدًا.

يسمح لك بإزالة خطوط Google من موقع الويب الخاص بك. إنه يعمل مع جميع الحالات والسمات تقريبًا ، مثل Twenty Twenty و Storefront و Elementor ، مباشرةً بمجرد إخراجها من الصندوق.

تعطيل خطوط جوجل

مبادلة عرض خط جوجل

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

مبادلة عرض خط جوجل

Font Resizer

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

ريسيزر الخط

أفضل 10 إضافات WordPress للتعامل مع الخطوط والطباعة

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى
error: Alert: Content is protected !!