أهم 10 إضافات لخطوط WordPress لعام 2021

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

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

لنبدأ بالخيارات التي يجب أن أقدمها. سأبذل قصارى جهدي للتوصل إلى ما لا يقل عن 2-3 مفيدة في كل موقف من إجمالي 10.

# 1 FontPress

إذا كنت تبحث عن استخدام مزيج من خطوط Google وخطوط Adobe Typekit ، أو خطوط Adobe ، فيجب أن يكون FontPress هو اختيارك. إنه مكون إضافي ممتاز ، متاح في منصة CodeCanyon بسعر 21 دولارًا وهو يحزم مكتبتي الخطوط المشهورتين. نعم ، كل من Google و Adobe! يسمح المكون الإضافي باستخدام عدد غير محدود من الخطوط ومجموعاتها وأيًا كانت المجموعة التي تختارها ، يمكن معاينتها مباشرة قبل بثها مباشرة. كما أنه يحتوي على أطنان من تأثيرات CSS3 التي يسهل تنفيذها جميعًا ، وذلك بفضل الواجهة فائقة السهولة للمكوِّن الإضافي.

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

التفاصيل الكاملة والتحميل

# 2 خطوط جوجل سهلة

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

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

التفاصيل الكاملة والتحميل

# 3 WP Google Fonts

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

التفاصيل الكاملة والتحميل

# 4 استخدم أي خط

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

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

التفاصيل الكاملة والتحميل

# 5 طباعة خطوط Google

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

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

التفاصيل الكاملة والتحميل

# 6 الخطوط

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

التفاصيل الكاملة والتحميل

# 7 خطوط Adobe المخصصة (Typekit)

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

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

التفاصيل الكاملة والتحميل

# 8 CAOS لخطوط الويب

إنه مكون إضافي فريد يساعدك على تنزيل الخطوط إلى مجلد وإنشاء ورقة أنماط لها. يمكن استخدام ورقة الأنماط التي تم إنشاؤها حديثًا لتنزيل الخطوط بسرعة عند الطلب وتنفيذها على أقسام مختلفة من السمة. يستخدم Google Fonts Helper API وهو متوافق مع المكونات الإضافية الشائعة الأخرى مثل W3 Total Cache. يستخدم واجهة برمجة التطبيقات (API) لتنزيل القائمة الكاملة لخطوط Google المخزنة مؤقتًا محليًا بسرعة. سيساعد المكون الإضافي في تقليل أوقات تحميل الصفحات ، والاستفادة من ذاكرة التخزين المؤقت للمتصفح ، وتقليل طلبات DNS دون التأثير على الأداء.

التفاصيل الكاملة والتحميل

# 9 Google Webfonts For Woo Framework

يعمل هذا المكون الإضافي المجاني فقط مع WooThemes لأنه يركز بشكل أساسي على Woo Framework. إنها مجموعة من السمات المتاحة (المجانية والمدفوعة على حد سواء) ويضيف هذا المكون الإضافي أدوات تخصيص الخطوط إلى نفس الشيء. علاوة على ذلك ، فإن المنتج مدمج تمامًا مع واجهات برمجة تطبيقات Google Font وهو يقوم بما يعد به دون فشل. لا تقلق ، الحصول على API مجاني ويمكن القيام به على موقع Google Fonts الرسمي. في وقت لاحق ، يمكن لمسؤول الموقع تحديد خط معين أو مجموعة من نفس الخط ، وسيتم تنزيل وتثبيت الخطوط المحددة. تحدث معظم الأشياء تلقائيًا ، مع الاحتفاظ بنظرة مجردة للمستخدم.

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

# 10 Google Webfont Optimizer

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

لا يقدم هذا المكون الإضافي المعين خطوطًا أو أي ميزة مشابهة ، ولكنه مرفق مختلف تمامًا. كل مكون إضافي آخر يتضمن Google Fonts يزيد من وقت تحميل الصفحة. في حالة تعبئة السمة لخطوط Google بشكل افتراضي ، يكون لها نفس التأثير على الأداء. يحدث ذلك لأنه في كل مرة يتم فيها تحميل صفحة ما ، يتم تحميل خطوط Google من الخادم الخاص بهم. وبالتالي ، فإن زيادة عدد الطلبات مما يقلل من سرعة تحميل الصفحة. لذا ، ما يفعله هذا المكون الإضافي هو أنه يجمع بين جميع الطلبات لخطوط مختلفة ، ويجمعها في واحد. وبالتالي ، حفظ الطلبات لمجرد واحد ، وزيادة الأداء! إنه يعمل بدون تحميل الصفحة ، وذلك بفضل الواجهة التي تعمل بنظام Ajax. المكوّن الإضافي متاح مجانًا ومتاح في مستودع WordPress الإضافي الرسمي.

خاتمة

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

* آخر تحديث في 01/05/2021