3 طرق سهلة لتغيير خطوط WordPress

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

يمكنك تغيير خطوط WordPress الخاصة بك عدة مرات كما تريد باستخدام هذه الطريقة المباشرة.

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

هنا كيف يبدو.

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

ذات صلة: كيف تعدل تذييل WordPress الخاص بك؟

كيف تغير الخطوط في ووردبريس؟

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

1. تحقق مما يمكنك تغييره من خلال سمة موقعك أو خيارات خطوط منشئ الصفحة

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

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

تسمح لك معظم هذه السمات بالوصول إلى المجموعة الكاملة من خطوط Google حيث يمكنك اختيار الخطوط المناسبة لموقع WordPress الخاص بك.

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

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

يشبه عمل إضافات Page Builder هذا أيضًا. من أشهرها Elementor و Beaver Builder.

2. قم بتثبيت إضافات خطوط WordPress

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

يوجد الآن عادةً نوعان من المكونات الإضافية للخطوط التي ستجدها في دليل المكونات الإضافية لـ WordPress - إضافات تضمين الخط ومكونات تحميل الخط.

تمكّنك إضافات تضمين الخطوط من سحب الخط الذي تريده من الدلائل المخصصة مثل Google Fonts وتضمينه في موقعك.

أحد الأمثلة الرائعة هو البرنامج الإضافي OMFG - Optimize My Google Fonts. علاوة على ذلك ، هناك مكونات إضافية متاحة أيضًا لأولئك الذين يستخدمون خطوط اشتراك Adobe.

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

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

3. إضافة خطوط مخصصة من خلال الترميز البسيط

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

بالنسبة للجانب السلبي ، قد لا تحصل على مجموعة واسعة من الخيارات بخلاف سمة مميزة للمكوِّن الإضافي المخصص. ومع ذلك ، لا يزال بإمكانك إبقاء موقعك بعيدًا عن bloatware غير الضرورية واستخدام خط من اختيارك.

لتنفيذ هذه الطريقة ، سوف تحتاج

• متوسط ​​المعرفة في CSS
• الخط الذي تريد تضمينه في موقع الويب الخاص بك
• الوصول إلى مركز WordPress الخاص بك
• بعض المعرفة حول FTP (بروتوكول نقل الملفات)

دعنا نشرح لك هذا بمثال. لنفترض أنك اخترت أحد خطوط Google "Oswald".

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

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

"https://fonts.googleapis.com/css2؟family=Oswald:wght@200؛700&display=swap"

أنت الآن بحاجة إلى الوصول إلى ملف موقع WordPress الخاص بك باستخدام FTP. من هنا ، تحتاج إلى فتح الدليل الجذر لموضوع الطفل والوصول إلى function.php.

بمجرد فتح ملف jobs.php ، أدخل الكود التالي. (لاحظ أنك بحاجة إلى استبدال الرابط المذكور في المثال بالخط الذي اخترته.)

الوظيفة add_my_font () {

wp_enqueue_style ('add_my_font'، 'https://fonts.googleapis.com/css2؟family=Oswald:wght@200؛700&display=swap'، false) ؛

}

add_action ('wp_enqueue_scripts'، 'add_my_font') ؛

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

.body و. h1 و. h2 و. h3 و. h4 {

عائلة الخطوط: 'Oswald'، sans-serif؛

}

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

فيما يلي سببان مهمان لضرورة تحديد خطوط WordPress الصحيحة.

لماذا اختيار الخط الصحيح مهم في تصميم الويب؟

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

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

لكي تكون محددًا ، هناك طريقتان رئيسيتان يمكن أن تؤثر بها الخطوط على تصميم موقعك. دعنا نتحدث عنها.

1. سهولة الاستخدام

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

2. العلامة التجارية

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

انتهى اليك

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

اقرأ أيضًا أدلةنا حول مواضيع مثل إصلاح خطأ شاشة الموت البيضاء في WordPress و White Label لزيادة معرفتك.