أفضل اضافات الخطوط في ووردبريس لتحسين تصميم القوالب – إضافات ووردبريس – منتدى تقارب التطويري

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

معاذ فريد
محفز
ودود
محترف
مشاركات: 67
الإشراف فريق التحرير
الكاتب
(@moaz)
تاريخ الإشتراك: منذ سنتين

هل تبحث عن إضافات للخطوط في ووردبريس لتحسين القوالب؟

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

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

لماذا تعتبر الخطوط مهمة لموقع ووردبريس الخاص بك؟

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

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

هناك أيضًا إعدادات مضمنة داخل محرر المنشورات والصفحة والتي تمنحك مزيدًا من التحكم في الخطوط والتخطيطات.

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

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

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

1. Easy Google Fonts

Easy Google Fonts

Easy Google Fonts يتيح لك استخدام مكتبة 1300+ خطوط Google على موقع ووردبريس الخاص بك. إنه متوافق مع أي قالب من قوالب ووردبريس ويضيف علامة تبويب "الطباعة" إلى أداة تخصيص قالب ووردبريس الخاصة بك.

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

2. wp-Typography

wp-Typography

 wp-Typography يمنحك المكون الإضافي مزيدًا من التحكم في الأحرف الخاصة مثل الواصلات وعلامات الحذف ورموز العلامات التجارية والكسور والمزيد.

يدعم 50 لغة مختلفة ويمكن أن يساعد في توفير تجربة قراءة محسنة للزائرين.

3. Advanced Editor Tools

Advanced Editor Tools

Advanced Editor Tools (سابقًا TinyMCE Advanced) يمنحك مزيدًا من التحكم في أحجام الخطوط وتنسيق النص.

يضيف كتلة جديدة تسمى "Classic Paragraph" تمنحك خيار تغيير الخطوط والألوان وإضافة الجداول والقوائم والمزيد.

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

4. Zeno Font Resizer

Zeno Font Resizer

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

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

5. Page Title Splitter

Page Title Splitter

Page Title Splitter هى إضافة فريدة تتيح لك تقسيم عناوين المنشورات الطويلة إلى سطرين. يتيح لك هذا استخدام عناوين مشاركات أطول وأكثر وضوحًا مع التأكد من أنها لا تزال قابلة للقراءة.

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

6. Secondary Title

Secondary Title

Secondary Title إضافة بسيطة تتيح لك إضافة ترجمات إلى مشاركاتك وصفحاتك. هذا شائع في مواقع الويب الشهيرة مثل Buzzfeed و Medium و Mashable والمزيد.

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

7. footnotes

footnotes

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

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

8. Initial Letter

Initial Letter

Initial Letter يتيح لك بسهولة إضافة أحرف استهلالية كبيرة إلى منشورات وصفحات مدونة ووردبريس الخاصة بك.

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

9. Text Hover

Text Hover

Text Hover هى إضافة تتيح لك إضافة مربع تمرير نص إلى المحتوى الخاص بك وجعل موقعك أكثر تفاعلاً.

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

10. Custom Adobe Fonts

Custom Adobe Fonts

Custom Adobe Fonts يتيح لك إضافة خطوط Adobe (Typekit سابقًا) إلى موقع الويب الخاص بك.

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

11. Font Awesome

Font Awesome

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

12. Use Any Font

Use Any Font

Use Any Font يتيح لك تحميل خطوط مخصصة إلى ووردبريس. يعد هذا أمرًا رائعًا إذا كان لديك خطوط مخصصة تم تنزيلها على جهاز الكمبيوتر الخاص بك وتريد استخدامها.

يمكنك أيضًا استخدام الخطوط من مكتبة الخطوط التي تحتوي على أكثر من 20000 خط مختلف للاختيار من بينها.

13. Styleguide

Styleguide

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

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

14. OMGF

OMGF

OMGF هى إضافة تعمل على تحسين خطوط Google الخاصة بك. يتيح لك استضافة الخطوط محليًا لتسريع أوقات التحميل.

يساعد المكون الإضافي في تقليل طلبات DNS وتقليل تحولات التخطيط وزيادة التخزين المؤقت للمتصفح لتحسين الأداء. إنه سهل الاستخدام للغاية للمبتدئين ويعمل بهدوء في الخلفية.

15. WP Rocket

WP Rocket

WP Rocket هى أفضل إضافة للتخزين المؤقت في ووردبريس متاحة في السوق. إنه سهل الاستخدام للغاية للمبتدئين ويساعدك على تسريع ووردبريس.

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

رد
وسوم الموضوع