تخط وانتقل إلى المحتوى الرئيسي

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

يمكنك تخصيص الخطوط في موقعك الإلكتروني للتحكم في شكل النصوص، وتحسين سهولة القراءة، ومطابقة هوية علامتك التجارية باستخدام إعدادات الخطوط في ووردبريس (WordPress).

آخر تحديث كان منذ أكثر من 2 أسبوع

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

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

  • سجّل الدخول إلى لوحة تحكم ووردبريس (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) لتطبيق التغييرات على موقعك الإلكتروني


ملاحظات مهمة

  • تعتمد خيارات الخطوط المتاحة على القالب المستخدم

  • بعض القوالب تحد من إمكانية تخصيص الخطوط

  • قد يتطلب التحكم المتقدم في الخطوط استخدام قالب مختلف

هل أجاب هذا عن سؤالك؟