أفضل 14 ملحقًا مخصصًا لخطوط WordPress 2022
نشرت: 2022-03-21في الأيام الأولى لتصميم الويب ، لم يكن هناك الكثير من الخيارات الرائعة للخطوط. ومع ذلك ، مع زيادة الطلب على التصميمات المخصصة والقدرة على نقل الطباعة إلى تنسيق رقمي ، ارتفعت خطوط الطباعة من بضع مئات إلى عدة عشرات الآلاف. الآن ، هناك خط مخصص متاح لأي مكان أو فئة أو مشروع إبداعي يمكن تخيله ، وهذه هي البداية فقط. الطباعة هي ما يحدد أسلوب تصميم موقع الويب. يمكن تخصيص العناوين الرئيسية ونص المحتوى والعناوين الفرعية والتنقل وعناصر التصميم الأخرى بشكل مخصص باستخدام الخطوط. ومع ذلك ، يحتاج المصممون إلى تذكير أنفسهم بالحفاظ على عدد الخطوط في تصميماتهم عند الحد الأدنى. العديد من أنواع الخطوط على الصفحة ستربك القراء وتجهد أعينهم.
يعمل WordPress كمنصة بشكل جيد لأولئك الذين يرغبون في إضافة خطوط مخصصة. يمكنك تنشيط العديد من المكونات الإضافية على مدونة WordPress الخاصة بك ، ويتزايد السوق فقط. حيثما يوجد طلب ، سينشأ العرض بشكل طبيعي. يظهر اتجاه جديد للطباعة كل عام ، ويواجه المصممون مرة أخرى تحديًا لتعلم الترميز الهيكلي وجاذبية التصميم. بصفتك مدونًا على WordPress ، فإن معظم العمل قد تم بالفعل نيابة عنك. التصميم موجود ، تحتاج إلى تنفيذ خط جديد لجعل مظهر المحتوى أكثر تحديدًا.
يمكنك إنشاء تصميمات فريدة باستخدام العديد من موارد الخطوط المجانية ، مثل خطوط Google. لا تستخدم المكونات الإضافية التالية للخطوط المخصصة فقط لاستخدام الخطوط من موارد الجهات الخارجية. وهي مخصصة أيضًا لتحميل الخطوط التي ربما تكون قد قمت بتنزيلها أو شراؤها في مكان آخر على الويب.
استخدم أي خط
العمل مع CSS لتغيير نمط التصميم غير متاح للجميع. لا يزال الترميز غريبًا على الكثيرين ، ولهذا السبب يختار الكثيرون WordPress كمنصة لموقعهم على الويب. يجعل WordPress عملية تغيير التصميم عملية سهلة. يدعم المكون الإضافي Use Any Font الخطوط المخصصة ومواصفاتها. بمجرد تحميل الخط ، يمكنك تحويله إلى تنسيق مناسب للويب. بعد ذلك ، يمكنك البدء في استخدامه لأي سبب من الأسباب التي قد تخطر ببالك. الميزة الأخرى تتعلق بالأداء. نظرًا لأن المكون الإضافي يخزن جميع الخطوط الخاصة بك على الخادم الخاص بك ، فسوف يستغرق الأمر وقتًا أقل بكثير لجلبها عند إعادة تحميل الصفحة.
خطوط جوجل سهلة
تظل Google Fonts رائدة قوية في سوق الخطوط المجانية ، مع أكثر من 1000+ خيار للاختيار من بينها. هناك دائمًا شيء جديد يمكنك إضافته إلى تصميماتك المطبعية من خلال Google Fonts. يحاول البرنامج المساعد Easy Google Fonts جعل هذه العملية أسهل مما هي عليه بالفعل. ومع ذلك ، فإن أكثر ما يبرز هو الوظيفة التي ستدمج تحديدات Google Fonts أصلاً ضمن وظيفة WordPress المسماة Customizer - وهو المكان الذي عادةً ما تقوم فيه بتحرير خيارات التصميم الخاصة بك للموضوع الذي تستخدمه. من خلال Customizer ، سيكون لديك القدرة على معاينة أي تغييرات قبل الالتزام بها والحصول على إذن لتغيير طريقة تفاعل الخطوط مع تصميمك.
خطوط الفسفور الابيض جوجل
قام أكثر من 100،000 من مستخدمي WordPress بتنشيط المكون الإضافي لخطوط Google على مدوناتهم. يتحدث هذا العدد الكبير من المستخدمين النشطين كثيرًا عن الجودة التي يمكن أن تتوقعها. يمكن أن يكون العمل مع Google Fonts يدويًا عملية مرهقة ويستغرق وقتًا طويلاً بالتأكيد. ومع ذلك ، يمكنك الآن وضع كل ذلك خلفك والاستمتاع بكل ما تقدمه منصة خطوط Google باستخدام هذا المكون الإضافي سهل التثبيت.
أفضل جزء هو أنك تحصل على بعض خيارات التخصيص ، مثل القدرة على إضافة خطوط مخصصة إلى عناصر CSS معينة. لذلك ، على سبيل المثال ، يمكنك تصميم مدونتك بطريقة يكون فيها نص المحتوى يحتوي على خط مخصص بشكل فريد ، ومنطقة عناصر واجهة المستخدم بخط مختلف تمامًا. لكن ، كلمة نصيحة في هذا الشأن ؛ التزم بحد أقصى 3 خطوط فريدة في المجالات الرئيسية لمدونتك ، وإلا فسيؤدي ذلك إلى زيادة وزن أعين الناس وقد يفوتهم بعض الأشياء التي تروج لها أو تنشرها.
خطوط جوجل للوورد
إذا كنت ترغب في تحسين موقع الويب الخاص بك أو مدونتك بخطوط جديدة أو تجربة أشكال مختلفة ، فإن Google Fonts for WordPress هو المكون الإضافي الذي يجب أن تفكر فيه. بعد تثبيت الأداة وتنشيطها ، يمكنك الوصول إلى مئات الخطوط ، جاهزة ومُعدة لك لاستخدامها. يمنحك هذا أكثر من خيارات كافية للعثور على الخطوط المناسبة لمشروعك عبر الإنترنت. في بعض الأحيان ، تحتاج فقط إلى تغيير أسلوب الطباعة ، وسيتحسن التواجد عبر الإنترنت بالكامل.
تتميز Google Fonts for WordPress بمعاينة مخصصة مباشرة تتيح لك إلقاء نظرة خاطفة على الخطوط في الوقت الفعلي. علاوة على ذلك ، تعمل Google Fonts for WordPress مع أي سمة وهي جاهزة للترجمة بنسبة 100٪. بالطبع ، ليس هناك أي تشفير مطلوب لإضافة خطوط مخصصة إلى صفحتك عند استخدام هذا البرنامج المساعد.
خطوط عادية
عند تخصيص موقع الويب الخاص بك ، فإن أحد العناصر التي ترغب في تعديلها هو الطباعة. إذا كنت ترغب في تقديم خطوط مخصصة إلى مساحة الويب الخاصة بك - ومن هنا جاء الاسم - فإن Custom Fonts هو أحد الحلول الرائعة المناسبة لك. بالتأكيد ، كل سمة WordPress تأتي مع حزمتها ، ولكن يمكنك دائمًا تنفيذ الخطوط الأخرى إذا وجدت ذلك ضروريًا. باستخدام Custom Fonts ، يمكنك القيام بذلك بسلاسة ، دون الحاجة إلى أي خبرة سابقة.
ضع في اعتبارك أن Custom Fonts تعمل حاليًا مع سمة Astra ، بالإضافة إلى سمة Beaver Builder و Elementor و Beaver Builder الإضافي. عملية الإعداد سريعة ومباشرة. بعد تثبيت البرنامج المساعد وتنشيطه ، يمكنك تحميل الخطوط بعدد كبير من التنسيقات المختلفة (.woff2 ، .woff ، .ttf ، .svg ، .eot). عند الانتهاء من تحميل الخطوط ، يمكنك بالفعل البدء في استخدامها - بهذه البساطة التي تبدو عليها.
رائع الخط
إلى جانب إضافة خطوط مخصصة إلى موقع WordPress الخاص بك ، قد ترغب أيضًا في إثراء التجربة بأيقونات رائعة. اختر المكون الإضافي المجاني Font Awesome وستكون جاهزًا للانطلاق. يدعم الامتداد كلاً من Font Awesome Free و Font Awesome Pro بشكل كامل. يتيح لك الوصول إلى أيقونات جديدة على الفور بعد إصدارها رسميًا. لا حاجة للقيام بأي عمل يدوي.
علاوة على ذلك ، إذا كنت تستخدم إصدار المكون الإضافي القديم حتى الآن ، فقد حان الوقت للترقية والاستمتاع بجميع مزايا الإصدار الجديد. ستتم الترقية بسلاسة ، دون حدوث عوائق. مع وضع ذلك في الاعتبار ، لا تضيع المزيد من الوقت وانتقل بمظهرك عبر الإنترنت إلى آفاق جديدة باستخدام رموز مخصصة جنبًا إلى جنب مع بعض الخطوط الرائعة والمتطورة التي توفرها المكونات الإضافية الأخرى.
الخطوط اليابانية لووردبريس
ليست هناك حاجة تقريبًا لشرح ما يدور حوله هذا المكون الإضافي المخصص للخط المخصص لبرنامج WordPress. سواء كنت يابانيًا يتطلع إلى بدء مدونتك أو ترغب في توسيع نطاق وصول موقعك الحالي إلى لغات جديدة ، احصل على الخطوط اليابانية لـ WordPress. يعد تثبيت وتنشيط المكون الإضافي متطابقًا إلى حد كبير مع جميع امتدادات WordPress الأخرى التي أضفتها إلى صفحتك. بمعنى آخر ، إنه بسيط وسريع.
تتبع الخطوط اليابانية في WordPress أيضًا أحدث الاتجاهات واللوائح ، وهي متوافقة تمامًا مع مُنشئ Gutenberg الجديد. تحتاج إلى تمكين دعم Gutenberg لاستخدامه عند إنشاء محتوى جديد. هذا هو ، أضف الخطوط اليابانية إلى موقع الويب الخاص بك على WordPress أو مدونتك وتألق عبر الإنترنت.
Styleguide - الخطوط والألوان المخصصة
يريد Styleguide أيضًا الاستفادة من ميزة Customizer الخاصة بك في WordPress ومنحك تجربة مباشرة لإضافة خطوط جديدة إلى مدونة WordPress الخاصة بك. الإعدادات قليلة ، لكنها موجزة. يمكنك تحديد الخطوط للرؤوس والنص الأساسي ، ولكن يمكنك أيضًا تغيير نظام الألوان ليعكس خصائص الخط المختلفة في تصميماتك. يمكن للمطورين توسيع Styleguide وإضافته إلى مشاريع تطوير السمات الخاصة بهم لتسهيل الأمر على العملاء والعملاء أنفسهم لإجراء تغييرات مخصصة للخطوط التي يرغبون في استخدامها مع مدوناتهم ، مع مكتبة من الخطوط بحجم Google Fonts - هم ستعثر بالتأكيد على شيء عالق.
Zeno Font Resizer
يعد التسوية لتكوينات المجموعة في الطباعة ملف تعريف ارتباط يصعب كسره. ليس من السهل معرفة الجمهور الذي يقرأ المحتوى الخاص بنا في الغالب. هل هؤلاء الأشخاص يتمتعون برؤية 20/20؟ هل يجدون صعوبة في قراءة الخطوط الصغيرة؟ هل هم منزعجون من الخطوط الكبيرة جدًا؟ تستمر قائمة الاحتمالات .. لكن Zeno Font Resizers يأخذ كل هذه المخاوف ويحلها بملحق واحد. ربما تكون قد شاهدت مواقع ويب أخرى تستخدم أداة تغيير حجم الخط من قبل ، فهي الأحرف الثلاثة "AAA" التي تتزايد في الأحجام ، كلما اختار المستخدم حجمًا معينًا ، يتغير حجم خط محتوى الصفحة بالكامل أيضًا.
المكوّن الإضافي المتاح ، Zeno ، يستخدم JS و jQuery لدمج هذه الوظيفة. يساعد مستخدمي الجوال على إعداد بيئة أكثر ودية لقراءة المحتوى. ولن يضطر المستخدمون إلى القلق بشأن إعادة تحديد حجم الخط المفضل لديهم ، لأن Zeno سيحفظ ملف تعريف ارتباط في سجل متصفح المستخدم ، ويقدم نفس حجم الخط في المرة التالية التي يأتون فيها لقراءة مدونتك. مكون إضافي مفيد حتى لو لم تفكر في هذه الوظيفة من قبل.
WP Font Awesome
هل تريد طريقة يمكن الوصول إليها لتوصيل Font Awesome بمدونة WP الخاصة بك؟ فقط احصل على البرنامج المساعد WP Font Awesome. تعتمد جميع الوظائف على الرمز القصير ، لذا يمكنك توصيل الخطوط في أي مكان في مدونتك حيث يتم دعم الرموز القصيرة. إذا كنت قد استخدمت WordPress لفترة كافية ، فستعرف أن WordPress يدعم الرموز القصيرة في أي مكان ، حتى مباشرة في ملفات PHP الأساسية الخاصة بك.
OMGF
يضمن هذا المكون الإضافي للخطوط المخصصة رفع مستوى تواجدك عبر الإنترنت في الأداء. OMGF اختصار لتحسين خطوط Google لموقع الويب أو المدونة الخاصة بك على WordPress. بفضل استخدام واجهة برمجة التطبيقات ، تقوم تلقائيًا بتنزيل الخط الدقيق الذي تريد استخدامه على صفحتك ، مما يؤدي إلى إنشاء ورقة أنماط لها. علاوة على ذلك ، يكتشف OMGF أيضًا نوع خط Google الذي يستخدمه موضوع WordPress الخاص بك ويقدم لك خيارًا لاستبداله بأي خط تتخيله.
تتضمن بعض ميزات المكون الإضافي تغيير مسار التخزين المؤقت والتحكم في أداء الخط وزيادة سرعة تحميل الصفحة وإنشاء مصادر محلية للخطوط. إذا احتجت في أي وقت إلى دعم ومساعدة إضافية ، فلا تتردد في الاتصال بمؤلف OMGF للحصول على المساعدة.
خطوط البذور
إذا كنت ترغب في تخصيص موقع الويب الخاص بك ، ويعرف أيضًا باسم WordPress theme بخطوط مخصصة ، فيمكنك تحقيق ذلك بسرعة ، مع القليل من الجهد أو بدون جهد ، من خلال استخدام Seed Fonts. يتيح لك برنامج WordPress الإضافي المجاني هذا استخدام خطوط Google أو الخطوط التايلاندية الإنجليزية أو أي خط مخصص آخر تقوم بحفره بسرعة وبدون عناء. باستخدام جميع خيارات الإعداد المختلفة من لوحة الإدارة ، يمكنك تكوين الخطوط الصحيحة التي ستظهر بعد ذلك في مدونتك أو صفحتك بسرعة. يمكنك تحميل الخطوط الخاصة بك دون كسر قطرة واحدة من العرق وتوابل الأشياء ، مما يضيف لمسة شخصية إلى المظهر العام للموقع.
الخطوط الذكية للعنصر
في حين أن أداة إنشاء الصفحات بالسحب والإفلات من Elementor هي بالفعل أداة قوية ، يمكنك دائمًا رفع مستوى الأشياء بامتدادات إضافية. على سبيل المثال ، يمكنك استخدام البرنامج المساعد Smart Fonts for Elementor page builder لتصعيد الأمور عند استخدام الخطوط المخصصة. بدلاً من الاعتماد فقط على خطوط Google والبدائل الافتراضية ، يمكنك إثراء موقع شركتك على الويب أو مدونتك الشخصية بخط مخصص باستخدام هذا المكون الإضافي لخطوط WordPress المخصصة.
بفضل التطبيق العملي للمكوِّن الإضافي وسهولة استخدامه ، يمكن لأي شخص الاستفادة منه بالكامل. بعد تحميل الخط الذي تريده ، سيظهر على الفور في Elementor. بالطبع ، دون الحاجة إلى لمس سلسلة واحدة من التعليمات البرمجية. بالإضافة إلى ذلك ، ستعمل جميع أعمالك الفنية دون عوائق على أي جهاز حديث ومتصفح ويب شائع.
خطوط الويب العربية (خطوط RTL)
تتيح لك خطوط الويب العربية إضافة خطوطك العربية إلى WordPress. يدعم المكون الإضافي Customizer ، لذلك يمكنك دائمًا معاينة النتيجة قبل دفع التغييرات الحقيقية في موضوع الإنتاج الخاص بك.
أيقونات WP SVG
نحن ودودون مع SVG. يرجى استكشاف منشوراتنا السابقة حول أدوات إدارة SVG المجانية ومجموعة مختارة من أمثلة الرسوم المتحركة SVG ؛ وأين يتجه الويب في هذه الفئة بالذات. يتم توصيل أيقونات WP SVG بمكتبة تضم ما يقرب من 500 رمز SVG فريد. ما يحدث بعد ذلك ، هو أن مدونة WP الخاصة بك تحصل على ملحق صغير لطيف لأيقونات SVG ، ولكن نظرًا لأنها SVG - فهي تضيف مزايا أداء مذهلة لصحة مدونتك بشكل عام. ومن يستطيع أن ينكر أهمية الأداء ، خاصة عندما تنظر محركات البحث إلى أداء موقع الويب كعامل ترتيب. هذه الرموز عبارة عن مجموعة من خطوط الويب ، وهي قابلة للتطوير بدرجة كبيرة. بمعنى أنها لن تتدهور في الجودة كلما زاد حجمها.
ميزة أخرى رائعة لهذا البرنامج المساعد هي استخدام نفس الرموز عبر جميع الأجهزة. لا حاجة لإنشاء صور خاصة بشبكية العين للأجهزة المحمولة. من خلال تعيين أقصى عرض على الرمز ، يصبح بعد ذلك مستجيبًا. يعد هذا المكون الإضافي أيضًا رائعًا للمطورين الذين يستخدمون الرموز على مواقع متعددة ويريدون تجنب متاعب إعادة تثبيت خطوط الويب على خادم جديد في كل مرة. مع هذا البرنامج المساعد بنقرة واحدة وأنت على استعداد لبدء العمل. يمكنك استخدام هذه في أي مكان في الموضوعات الخاصة بك.
الإضافات المميزة لخطوط مخصصة لـ WordPress
كانت تلك مجموعة رائعة من المكونات الإضافية للخطوط المخصصة لـ WordPress ، ولم يكن بإمكاننا أن نجعل المجموعة أكثر تعمقًا مما فعلنا. لقد تعلمت بالفعل الكثير من الإضافات الرائعة للخطوط في WordPress ، لكن هل أنت مستعد لما سيأتي بعد ذلك؟ لدينا عدد قليل من التحديدات. نوصي بهم جميعًا لأننا نعلم أنهم من مورد جدير بالثقة ، وقد طور المطورون الرائدون في الصناعة المكونات الإضافية بأنفسهم بعناية. ومع ذلك ، يجب أن نحذر من أن هذه تأتي من سوق ممتاز ، لذلك ستحتاج إلى استثمار بعض الموارد المالية إذا كنت تريد الوصول إلى كل تلك الأشياء الجيدة التي تقدمها المكونات الإضافية القليلة التالية.
FontPress - مدير خطوط WordPress
تعمل FontPress على تمكين مدونة WordPress الخاصة بك ببعض الخطوط المثيرة من أفضل موارد الخطوط على الويب: يتم أيضًا دعم Google و Typekit و Cufons ووجوه الخطوط المخصصة الخاصة بك. مع وجود أكثر من ألف عملية بيع بالفعل ، هناك سبب يجعل الناس يحبون FontPress. السبب في أننا نحبها كثيرًا هو بسبب رمز قصير معين يوفره. يمكنك استخدام أي خطوط داخل رمز قصير لإنشاء تجربة نص خط مخصص. ما يمكن أن يكون أكثر إمتاعًا من ذلك إذا كان لديك إعجاب كبير بالتصميم ، وتعلمون جميعًا بالفعل أننا نقوم بذلك.