# تغيير ألوان موقعك وخطوطه

HTML: https://manhali.com/help/theme-colors-fonts
Markdown: https://manhali.com/help/theme-colors-fonts.md
Published: 2026-11-02T09:00:00.000Z
Updated: 2026-11-02T09:00:00.000Z
Type: doc
Category: الموقع والهوية
Series: القالب والهوية

اضبط لون العلامة والخلفية والنصوص وخطّي النص والعناوين من إعدادات التصميم.

ألوان موقعك وخطوطه هي هويتك البصرية: لون الأزرار والعناوين والخلفية، والخط الذي يقرأ به الطالب. تُضبط كلها في مكان واحد داخل المحرر يسمى **إعدادات التصميم**، وتؤثر في شكل كل صفحات الموقع، لكنها لا تصل إلى الزوار إلا حين تنشر الصفحة التي تعمل عليها.

## قبل أن تبدأ

- هذه الإعدادات للمالك والمدير فقط. غيرهما يراها للقراءة فقط مع ملاحظة «تعديل إعدادات التصميم لمالك الموقع أو مسؤوله فقط».
- الخيارات تأتي من القالب نفسه، فتختلف قليلًا من قالب إلى آخر. الأمثلة هنا من قالبَي «وفاء» و«أثر».

## فتح إعدادات التصميم

1. افتح [**الموقع › الموقع والمظهر**](https://dash.manhali.com/website) واضغط صف **الألوان والخطوط** في بطاقة **المظهر والهوية**. يعرض الصف ألوانك وخطك الحاليين.

يفتح المحرر على صفحتك الرئيسية، وتظهر **إعدادات التصميم** في اللوح الجانبي.

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

![المحرر › الطبقات › إعدادات التصميم](/help/screenshots/website/builder-layers.webp "في أسفل تبويب «الطبقات» صفّا «إعدادات التصميم» و«القوائم»")

## ضبط الألوان والخطوط

![المحرر › إعدادات التصميم › الألوان](/help/screenshots/website/builder-theme.webp "ألوان التصميم الحالية، ثم مجموعتا «الألوان» و«الخطوط»")

1. في أعلى اللوح تجد **ألوان التصميم الحالية**: شريط ألوان للوضع الفاتح، وآخر للوضع الداكن إن كان القالب يدعمه. وتحت الشريط تسميات الأدوار: اللون الأساسي والخلفية والأسطح والنص والنص الهادئ والحدود.
2. افتح مجموعة **الألوان**. تعدّل كل لون من الألوان الستة، وتحتها نسخ داكنة من الألوان نفسها باسم مثل «لون العلامة (داكن)».
3. افتح مجموعة **الخطوط**، واختر **خط النص** و**خط العناوين**.
4. بعد التعديل اضغط **نشر الصفحة** في أعلى المحرر لتظهر التغييرات للزوار.

| الإعداد | ما يغيّره |
|---|---|
| **لون العلامة** | الأزرار والعناصر البارزة |
| **الخلفية** | خلفية الصفحات |
| **السطح** | خلفية البطاقات والصناديق |
| **النص** | لون النص الأساسي |
| **النص الخافت** | النصوص الثانوية |
| **الحدود** | خطوط الفصل وحدود البطاقات |

> [!note] يسمّي القالب ألوانه في المجموعة بأسماء قريبة من هذه (لون العلامة، السطح، النص الخافت). هي الألوان نفسها.

قالب «وفاء» فيه مجموعة ثالثة اسمها **الدعم**: رقم واتساب ورسالته الجاهزة، وأيام الدعم وساعاته ومنطقته الزمنية. تظهر في بطاقات التواصل وصفحة تواصل معنا والتذييل.

الخطوط المتاحة في «وفاء» و«أثر»: Thmanyah Sans وThmanyah Serif Display وAlmarai وCairo وAlexandria وEl Messiri وAmiri، وخطان من خطوط الجهاز هما System sans وSystem serif.

## التراجع عن تعديل

- كل إعداد عدّلته تظهر عليه كلمة **معدَّل**، ومعه **استعادة الافتراضي** ليعود إلى قيمة القالب.
- **استعادة إعدادات هذه المجموعة** تعيد المجموعة كلها.
- ويمكنك الضغط **تراجع** في أعلى المحرر بعد أي تعديل.

> [!note] تغييرات التصميم تُنشر مع الصفحة التي تعمل عليها. إن أغلقت المحرر دون نشر فتبقى محفوظة كمسودة، ولا يراها الزوار حتى تضغط **نشر الصفحة**.

## إذا واجهت مشكلة

- **«لا يمكنك تعديل رأس الموقع وتذييله وألوانه»**: دورك لا يسمح بذلك. اطلب من مالك الأكاديمية أو مديرها.
- **تعذّر فتح المحرر من البطاقة**: تكون البطاقة معطّلة ويظهر سبب مثل «تعذّر تحميل الصفحة الرئيسية». أعد تحميل الصفحة، أو افتح المحرر من [الصفحات](/help/manage-pages).

للقالب نفسه راجع [اختيار قالب موقعك](/help/choose-theme)، وللشعار [إضافة الشعار](/help/brand-colors-logo).