# تخصيص صفحة الحالة الخاصة بك

Source: https://instatus.com/help/ar/status-page/customize

يمكنك تغيير شعار صفحة الحالة وألوانها وتصميم ترويستها والوضع الداكن واللغة وتنسيقات التاريخ ومعاينة التواصل الاجتماعي، وإضافة HTML وCSS وJavaScript مخصصة، كل ذلك من إعدادات **صفحة الحالة**.

| At a glance | Details |
| :-- | :-- |
| [العلامة التجارية](https://instatus.com/help/ar/status-page/customize#كيف-أضيف-شعاري-وألواني) | الشعارات، أيقونة الموقع، ألوان العلامة والحالة |
| [التصميم](https://instatus.com/help/ar/status-page/customize#كيف-أغيّر-التصميم-أو-الوضع-الداكن) | ٣ تصاميم للترويسة، وضع داكن أو فاتح، تخطيط المكوّنات |
| [كود مخصص](https://instatus.com/help/ar/status-page/customize#هل-يمكنني-إضافة-html-أو-css-أو-javascript-مخصصة) | HTML وCSS وJavaScript في ٥ مناطق |
| [اللغة](https://instatus.com/help/ar/status-page/customize#كيف-أغيّر-لغة-صفحة-الحالة) | اللغة الافتراضية، وتعدد اللغات في خطة Pro |
| [الجدول الزمني](https://instatus.com/help/ar/status-page/customize#كيف-أغيّر-تنسيقات-التاريخ-والوقت-والمنطقة-الزمنية) | تنسيقات التاريخ والوقت، المنطقة الزمنية، تاريخ البدء |
| [البحث والتواصل](https://instatus.com/help/ar/status-page/customize#كيف-أتحكم-في-المعاينة-على-google-ووسائل-التواصل-الاجتماعي) | العنوان والوصف والصورة للمعاينات |

## كيف أضيف شعاري وألواني؟

سجّل الدخول عبر [instatus.com/login](https://dashboard.instatus.com/login)، واختر صفحة الحالة الخاصة بك، ثم انتقل إلى **صفحة الحالة ← المظهر والإحساس**.

في قسم العلامة التجارية يمكنك تغيير:

- شعار العلامة التجارية، بما في ذلك شعار منفصل للوضع الداكن.
- أيقونة الموقع.
- لون العلامة التجارية ليطابق شعارك.
- ألوان الحالة.

بعد تخصيص صفحة الحالة انقر على **حفظ**، وسيتم تحديث صفحتك.

![إعدادات العلامة التجارية](https://instatus.com/help/customize/1.png)

## كيف أغيّر التصميم أو الوضع الداكن؟

في قسم التصميم من **المظهر والإحساس** يمكنك تغيير:

- تصميم الترويسة والاختيار من بين تصاميمنا الثلاثة.
- ما إذا كنت تريد ظهور صفحة الحالة في الوضع الداكن أو الفاتح أو قابلة للتبديل عبر زر.
- كيف تريد أن تظهر مكوّناتك.

بعد تغيير تصميمك انقر على **حفظ**، وسيتم تحديث صفحتك.

![إعدادات التصميم](https://instatus.com/help/customize/2.png)

## هل يمكنني إضافة HTML أو CSS أو JavaScript مخصصة؟

نعم. في **صفحة الحالة ← HTML** يمكنك إدراج HTML وCSS وJavaScript الخاصة بك في خمس مناطق:

- أعلى ترويسة صفحة الحالة.
- أسفل الترويسة.
- أسفل مكوّنات صفحة الحالة.
- أعلى تذييل صفحة الحالة.
- أسفل التذييل.

بعد إضافة HTML المخصص انقر على **حفظ**، وسيتم تحديث صفحتك.

![إعدادات HTML المخصص](https://instatus.com/help/customize/3.png)

## كيف أغيّر لغة صفحة الحالة؟

في **صفحة الحالة ← اللغة** يمكنك تغيير:

- اللغة الافتراضية لصفحة الحالة الخاصة بك.

**ميزات خطة Pro:**

- صفحة حالة متعددة اللغات.
- استخدام لغتك المخصصة.

يمكنك قراءة دليل خطوة بخطوة لإعداد لغات متعددة في مقالة
[دعم اللغات المتعددة](https://instatus.com/help/ar/status-page/multi-language).

![إعدادات اللغة](https://instatus.com/help/customize/4.png)

بعد تغيير لغة صفحة الحالة انقر على **حفظ**، وسيتم تحديث صفحتك.

## كيف أغيّر تنسيقات التاريخ والوقت والمنطقة الزمنية؟

في **صفحة الحالة ← المخطط الزمني** يمكنك تغيير:

- تنسيقات التاريخ والوقت، ويمكنك [معرفة المزيد عن تنسيقات التاريخ والوقت هنا](https://date-fns.org/v2.16.1/docs/format).
- المنطقة الزمنية.
- تاريخ بدء الخدمة.

بعد تغيير التاريخ والوقت في صفحة الحالة انقر على **حفظ**، وسيتم تحديث صفحتك.

![إعدادات تنسيق التاريخ والوقت](https://instatus.com/help/customize/5.png)

## كيف أتحكم في المعاينة على Google ووسائل التواصل الاجتماعي؟

في **صفحة الحالة ← البحث والتواصل الاجتماعي** يمكنك ضبط:

- تغيير عنوانك.
- إضافة وصف مخصص لـ Google ووسائل التواصل الاجتماعي.
- رفع صورة.

بعد تخصيص إعدادات البحث والتواصل الاجتماعي، انقر على **حفظ** لتفعيل التغييرات.

![إعدادات البحث والتواصل الاجتماعي](https://instatus.com/help/customize/6.png)

- [دعم اللغات المتعددة](https://instatus.com/help/ar/status-page/multi-language): تعلّم كيفية تقديم صفحة الحالة الخاصة بك بلغات متعددة.