أفضل 20 ملحقًا مخصصًا للخطوط في WordPress 2020

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

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

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

الخطوط

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

استخدم أي خط

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

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

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

خطوط الفسفور الابيض جوجل

قام أكثر من 100،000 من مستخدمي WordPress بتنشيط المكون الإضافي لخطوط Google على مدوناتهم. يتحدث هذا العدد الكبير من المستخدمين النشطين بأحجام كبيرة عن الجودة التي يمكنك توقعها. يمكن أن يكون العمل مع Google Fonts يدويًا عملية مرهقة ، وبالتأكيد تستغرق وقتًا طويلاً ، ولكن يمكنك الآن وضع كل ذلك خلفك والاستمتاع بكل ما تقدمه منصة 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 builder الجديد. لاحظ أنك تحتاج إلى تمكين دعم Gutenberg لتتمكن من استخدامه عند إنشاء محتوى جديد. هذا هو ، أضف الخطوط اليابانية إلى موقع الويب الخاص بك على WordPress أو مدونتك وتألق عبر الإنترنت.

Styleguide - الخطوط والألوان المخصصة

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

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 لتكثيف الأمور عندما يتعلق الأمر باستخدام الخطوط المخصصة. بدلاً من الاعتماد فقط على خطوط Google والبدائل الافتراضية ، باستخدام هذا المكون الإضافي لخطوط WordPress المخصصة ، يمكنك إثراء موقع الويب الخاص بشركتك أو مدونتك الشخصية بخط مخصص.

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

خطوط الويب العربية

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

أيقونات WP SVG

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

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

أيقونات الفسفور الابيض الايونية

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

الإضافات المميزة لخطوط مخصصة لـ WordPress

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

رافع الخط

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

FontPress - مدير خطوط WordPress

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

WooCommerce Beautifier

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

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