ابدأ اليوم فقط بـ 8.99 دولار! 🚀 عرض لفترة محدودة — لا تفوّت الفرصة!

View Categories

كيفية تخصيص الخطوط في موقعك الإلكتروني

أين يمكنك تخصيص الخطوط #

للوصول إلى إعدادات الخطوط:

  • سجّل الدخول إلى لوحة تحكم ووردبريس (WordPress Dashboard)
  • انتقل إلى المظهر → تخصيص (Appearance → Customize)
  • سيتم فتح لوحة التخصيص مع معاينة لموقعك الإلكتروني
  • انتقل إلى عام → الخطوط (Global → Typography)

جميع التغييرات التي تقوم بها هنا سيتم تطبيقها على الموقع بالكامل ما لم يتم تخصيصها بشكل منفصل.

إعدادات القوالب الجاهزة للخطوط #

في أعلى إعدادات الخطوط، ستجد القوالب الجاهزة (Presets).

ماذا تفعل القوالب الجاهزة للخطوط؟ #

القوالب الجاهزة هي مجموعات خطوط مُعدة مسبقًا تقوم بتطبيق نمط خط كامل على موقعك بنقرة واحدة.
عند اختيار قالب جاهز، يتم تلقائيًا:

  • تعيين نوع الخط للنصوص والعناوين
  • ضبط أحجام الخطوط وسمكها بشكل متوازن
  • إنشاء تسلسل بصري متناسق عبر الموقع

تُعد القوالب الجاهزة مفيدة إذا كنت:

  • تريد إعدادًا سريعًا واحترافيًا للخطوط
  • لا ترغب في ضبط الخطوط يدويًا
  • تحتاج إلى نقطة بداية قبل التخصيص المتقدم

يمكنك دائمًا تعديل الإعدادات يدويًا بعد اختيار أي قالب جاهز.

إعدادات الخط الأساسية #

يحدد قسم الخط الأساسي (Base Font) الخطوط الافتراضية المستخدمة في موقعك. ويتضمن خيارين رئيسيين:

خط النصوص #

يتحكم خط النصوص (Body Font) في النصوص العادية في الموقع، مثل:

  • الفقرات
  • الأوصاف
  • محتوى المدونات
  • النصوص العامة في الصفحات
شرح خيارات خط النصوص #
  • نوع الخط (Font Family): يحدد نوع الخط المستخدم في النصوص.
    • توريث (Inherit): يستخدم الخط الافتراضي المحدد في القالب أو الإعدادات الأعلى.
  • حجم الخط (Font Size): يتحكم في حجم النص.
  • سمك الخط (Font Weight): يتحكم في مدى سماكة الخط.
  • ارتفاع السطر (Line Height): يتحكم في المسافة بين أسطر النص.
  • تباعد الأحرف (Letter Spacing): يحدد المسافة بين الأحرف.
  • تحويل النص (Text Transformation): يغيّر شكل عرض النص:
    • أحرف كبيرة
    • أحرف صغيرة
    • أحرف كبيرة في بداية الكلمات
      هذا الخيار لا يغيّر النص نفسه وإنما طريقة عرضه فقط.

خط العناوين #

يتحكم خط العناوين (Headings Font) في جميع العناوين الافتراضية في الموقع، مثل:

  • عناوين الصفحات
  • عناوين الأقسام
  • العناوين الرئيسية
شرح خيارات خط العناوين #
  • نوع الخط (Font Family): يحدد نوع الخط المستخدم للعناوين.
    • توريث (Inherit): يستخدم الخط الافتراضي للعناوين من القالب.
  • سمك الخط (Font Weight): يتحكم في درجة سماكة العناوين.
  • الحجم الأساسي (Base Size): يحدد الحجم العام للعناوين.
  • ارتفاع السطر (Line Height): يتحكم في المسافة بين أسطر العناوين.
  • تباعد الأحرف (Letter Spacing): يحدد المسافة بين أحرف العناوين.
  • تحويل النص (Text Transformation): يسمح بعرض العناوين بأحرف كبيرة أو صغيرة أو منسقة.

مستويات العناوين الفردية (H1 – H6) #

أسفل الإعدادات الأساسية، ستجد إعدادات خاصة بكل مستوى عنوان:

  • H1 – العنوان الرئيسي للصفحة
  • H2 – عناوين الأقسام
  • H3 – H6 – العناوين الفرعية

يمكن تخصيص كل مستوى بشكل مستقل.

ماذا يعني خيار “توريث” في العناوين؟ #

عند ضبط أي مستوى عنوان على توريث (Inherit):

  • يتم استخدام إعدادات خط العناوين
  • لا يتم تطبيق أي تخصيص إضافي

يساعد ذلك في الحفاظ على تناسق الخطوط في الموقع.

تخصيص مستويات العناوين #

عند تخصيص مستوى عنوان معين (مثل H1)، يمكنك التحكم في:

  • نوع الخط
  • حجم الخط
  • سمك الخط
  • ارتفاع السطر
  • تباعد الأحرف
  • تحويل النص (أحرف كبيرة أو صغيرة)

يساعد ذلك في إنشاء تسلسل بصري واضح بين العناوين والعناوين الفرعية.

تباعد الفقرات #

قد تتضمن إعدادات الخطوط خيارات لتباعد الفقرات، مثل:

  • المسافة أسفل الفقرة
  • المسافة العمودية بين كتل النص

تساعد هذه الإعدادات على تحسين القراءة وتوازن التصميم.

معاينة تغييرات الخطوط #

يتم عرض جميع التغييرات فورًا في المعاينة.

يُنصح بـ:

  • التمرير عبر الصفحات المختلفة
  • مراجعة العناوين والنصوص معًا
  • التأكد من وضوح القراءة وتوازن المسافات

متى تستخدم التوريث ومتى تخصّص الخطوط؟ #

استخدم التوريث عندما:

  • ترغب في اتباع تصميم القالب الافتراضي
  • تفضل إعدادات بسيطة
  • تريد تناسقًا عامًا دون تخصيص كبير

قم بتخصيص الخطوط عندما:

  • تحتاج إلى خطوط تعبّر عن هوية علامتك
  • تريد تسلسلًا بصريًا أقوى
  • ترغب في إبراز العناوين عن النصوص العادية

حفظ التغييرات #

عند الانتهاء من تخصيص الخطوط:

  • اضغط على نشر (Publish) لتطبيق التغييرات على موقعك الإلكتروني

ملاحظات مهمة #

  • تعتمد خيارات الخطوط المتاحة على القالب المستخدم
  • بعض القوالب تحد من إمكانية تخصيص الخطوط
  • قد يتطلب التحكم المتقدم في الخطوط استخدام قالب مختلف
حُدثت بتاريخ أبريل 14, 2026