# 🌅 تقديم Horizon، تصميمنا الأحدث
**URL:** https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608
**Category:** Announcements
**Tags:** horizon-theme
**Created:** [1 يوليو 2025، 12:32م UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608 "2025-07-01T12:32:45Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@lindsey](https://meta.discourse.org/u/lindsey)
#### Post date: [1 يوليو 2025، 12:32م UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/1 "2025-07-01T12:32:45Z")
على مدار الأشهر القليلة الماضية، عملنا بجد على أحدث سمات Discourse لدينا، **[Horizon](https://meta.discourse.org/t/horizon-theme/360486)**، واليوم يسعدنا أن نشارك عملنا معكم وندعوكم لتجربة Horizon في مجتمعكم.
في هذا الموضوع، سنتحدث عن Horizon وسنوضح لك كيفية التثبيت.
## ☀ كل شيء عن Horizon
Horizon هي سمة بسيطة وجميلة مصممة لتوفير تجربة مستخدم رائعة للمجتمعات دون جهد إضافي من جانب المسؤول. يعكس الاسم أملنا في أن تعبر هذه السمة عن رؤية أوسع لمن يمكنه استخدام Discourse وكيف يمكن أن تبدو مجتمعات Discourse.
_وضع الإضاءة_
_وضع الظلام_
### 🤷♀️ لماذا بنينا Horizon؟
لقد بنينا Horizon لتسهيل الأمر على **أي شخص** لبدء مجتمع Discourse ومشاركته بفخر مع أعضائه.
من خلال التحدث مع مسؤولي Discourse، علمنا أن أحد أهم أجزاء بدء مجتمع هو تعديل مظهره للتأكد من أنه مساحة مرحبة وممتعة لأعضاء المجتمع. Horizon يجعل من الممكن الحصول على مجتمع يبدو رائعًا دون جهد إضافي أو تخصيص.
### 🪞 لمن Horizon؟
تم تصميم Horizon للمجتمعات التي **ليس لديها الخبرة أو الموارد لتخصيص مظهر Discourse**.
نحن فخورون بمدى مرونة وقابلية تخصيص Discourse - وهذا لن يتغير! لكننا نعتقد أن المزيد من Discourse في العالم هو أمر جيد، وأن أفضل طريقة للقيام بذلك هي تسهيل ازدهار المجتمعات الأقل خبرة تقنية مع منتجنا.
### 🪄 ما الذي يجعل Horizon مميزًا؟
بينما Default عبارة عن لوحة فارغة، فإن Horizon لديه آراء. إنه يقدر **المساحة الواسعة والبساطة وجماليات التصميم الحديث**.
لرؤية الفرق، استخدم مفتاح تبديل السمة في أسفل الشريط الجانبي هنا في Meta للتبديل إلى Horizon:
إليك بعض الأشياء التي ستلاحظ أنها مختلفة في Horizon:
- **كثافة معلومات أقل.** الميزة الأكثر وضوحًا في Horizon هي بطاقة الموضوع، والتي تم تقليصها من عرض الجدول القياسي لجعلها تبدو أكثر سهولة وبساطة. بعض المعلومات، مثل التفاصيل الموسعة حول المشاركين في الموضوع والعلامات والمستخدمين المعينين، غير مرئية.
- **نص أكبر ومساحة أكبر.** بالإضافة إلى بطاقة الموضوع، فقد أدخلنا درجة أكبر من المساحة في Horizon عن طريق زيادة أحجام الخطوط الأساسية في منطقة القراءة ودمج هيكل بعرض كامل.
- **مصمم للاستخدام كما هو.** المجتمعات التي ترغب في تحكم واسع في مظهر الموقع أو لديها متطلبات تصميم محددة جدًا يمكنها ويجب عليها الاستمرار في العمل من سمة Default الخاصة بنا أو إنشاء سمة خاصة بها لخدمة احتياجاتها على أفضل وجه. بينما اختبرنا Horizon مقابل مكونات السمة الرسمية الأكثر شيوعًا ووجدنا فقط عدم توافق طفيف، فإننا لا نوصي بإضافة مكونات غير رسمية أو أي كود مخصص آخر إلى Horizon.
## ⚙ استخدام Horizon
يمكنك تمكين Horizon لأعضائك في خطوات قليلة فقط:
1. انتقل إلى منطقة **🔧 الإدارة** ، وانتقل إلى قسم **المظهر** ، وانقر فوق **السمات والمكونات**.
2. ابحث عن بطاقة سمة Horizon، وانقر فوق زر **…** ، وحدد **تعيين كنشط** لجعل Horizon السمة الافتراضية الجديدة لمجتمعك. (قد تحتاج إلى تحديث شاشتك لرؤية هذا التغيير.)
يمكنك اختياريًا تمكين أي من لوحات الألوان الجديدة، والتي تم بناؤها خصيصًا للعمل بشكل جيد مع Horizon.
\> ⚠ ملاحظة: يمكنك استبدال اللوحات المستخدمة في Horizon، ولكن فقط اللوحات المسماة Clover و Horizon و Lily و Marigold و Royal و Violet ستظهر في منتقي الألوان في الشريط الجانبي.
> **تعليمات حول تكوين لوحات الألوان.**
>
> 1. انقر فوق **لوحات الألوان** في الشريط الجانبي للمسؤول.
> 2. حدد لوحة الألوان المطلوبة (على سبيل المثال، Horizon).
> 3. حدد مربع **يمكن للمستخدمين تحديد لوحة الألوان** ، ثم انقر فوق علامة الصح للتأكيد.
> 4. كرر الخطوات 2-3 لأي لوحات تريد استخدامها.
>
> بعد التحديث، سترى فرشاة رسم في أسفل الشريط الجانبي. يمكنك النقر فوقها لاختيار لوحة الألوان المحددة لـ Horizon (كما هو موضح في لقطة الشاشة أعلاه). يمكن لأعضائك فعل الشيء نفسه للاختيار بين أي لوحات قمت بتمكينها. لتعيين اللوحة الافتراضية الجديدة لـ Horizon (أي كيف يبدو Horizon قبل أن يقوم الأعضاء بأي تغييرات وللزوار المجهولين):
>
> 1. انتقل إلى **السمات والمكونات** في منطقة المسؤول.
> 2. ابحث عن بطاقة Horizon وانقر فوق **تحرير**.
> 3. قم بتغيير حقل **لوحة الألوان** إلى الافتراضي المطلوب.
## 🔮 ما هو التالي لـ Horizon
نحن في البداية فقط! لقد عملنا بجد على هذا الإصدار الأول من السمة، ولكن توقع مواصلة الاستثمار في Horizon وتحسينه بمرور الوقت. سنبحث بنشاط عن ملاحظات من المواقع التي تستخدم Horizon لتحسينه باستمرار، ونأمل أن نجعله قريبًا السمة الافتراضية التي تأتي مع مواقع Discourse.
## 🙏 شكرًا لكم
نحن ممتنون جدًا لكل من دعم Horizon (وفريق Discourse!) عن طريق [اختبار Horizon هنا في Meta](https://meta.discourse.org/t/help-us-test-horizon-our-newest-theme/360484) أو عن طريق المشاركة في اختبار بيتا الخاص بنا. كانت هذه الملاحظات لا تقدر بثمن في مساعدتنا في العثور على الأخطاء وإجراء التعديلات وصقل التجربة الشاملة لـ Discourse بهذه السمة. شكرًا جزيلاً لكم على وقتكم وملاحظاتكم ودعمكم!
---
### Author:  [@hellekin](https://meta.discourse.org/u/hellekin)
#### Post date: [1 يوليو 2025، 12:54م UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/13 "2025-07-01T12:54:43Z")
يبدو هذا رائعًا! أرغب حقًا في تجربته.
ولكن لا يوجد مسار لـ `/admin/customize/themes/1/common/*/edit`التخصيص. هل يمكنك إضافته من فضلك؟ أنا أستخدمه لتوفير رؤوس خاصة وتخصيصات أخرى بشكل مستقل عن السمة المختارة.
شكرًا لك!
---
### Author:  [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [1 يوليو 2025، 1:02م UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/14 "2025-07-01T13:02:02Z")
لماذا لا تقوم بإنشاء مكون سمة جديد تقوم فيه بإجراء تغييرات وتضيفه إلى سمة horizon؟
> [@Customizing themes without an Edit code button](https://meta.discourse.org/t/customizing-themes-without-an-edit-code-button/329601):
>
> Sometimes, you may want to customize a Discourse theme but find that there’s no “Custom code” section with an “Edit code” button available. This often happens with remote themes (themes installed from an external source) and the preinstalled themes (Horizon & Foundation). Here’s how you can still add your customizations: Understanding the limitation For preinstalled themes, you see a banner telling you This theme is preinstalled and can not be deleted or customized For remote themes, you’ll…
---
### Author:  [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [1 يوليو 2025، 1:07م UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/15 "2025-07-01T13:07:16Z")
هل فاتني أم أن Horizon لم تتم إضافته إلى Crowdin للترجمة؟ هل يجب عليّ إنشاء طلب سحب بالترجمات بدلاً من ذلك؟
---
### Author:  [@lindsey](https://meta.discourse.org/u/lindsey)
#### Post date: [2 يوليو 2025، 12:12م UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/16 "2025-07-02T12:12:52Z")
> [@hellekin](#):
>
> هذا يبدو رائعًا! أرغب حقًا في تجربته.
>
> ولكن لا يوجد مسار لـ `/admin/customize/themes/1/common/*/edit` للتخصيص. هل يمكنك إضافته؟ أستخدمه لتوفير رؤوس خاصة وتخصيصات أخرى بشكل مستقل عن السمة المختارة.
تم بناء Horizon بشكل أساسي لاستخدامه كما هو، لذلك لا يُنصح بإجراء تخصيصات مباشرة أو التخصيص عبر مكونات غير رسمية. ومع ذلك، أود أن أعرف المزيد عما ترغب في تغييره في Horizon لمعرفة ما إذا كان يمكن أن يكون مرشحًا جيدًا لنا لدمجه بشكل مباشر أكثر في السمة.
> [@Moin](#):
>
> هل فاتني أم لم تتم إضافة Horizon إلى Crowdin للترجمة بعد؟ هل أقوم بإنشاء طلب سحب مع الترجمات بدلاً من ذلك؟
أنا أبحث في هذا الأمر، وسأتابع قريبًا!
---
### Author:  [@hellekin](https://meta.discourse.org/u/hellekin)
#### Post date: [2 يوليو 2025، 3:57م UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/17 "2025-07-02T15:57:32Z")
في الواقع، إنها مجرد ترويسة لربط المنتدى بحساب Fediverse (وعلامة `` للقيام بنفس الشيء في التذييل).
لقد وضعت كود مكون السمة هنا: [https://git.z7l.eu/ps/discourse-lire.im](https://git.z7l.eu/ps/discourse-lire.im)
راجع [الأساس المنطقي لـ Mastodon](https://joinmastodon.org/verification).
---
### Author:  [@Helga\_Razinkova](https://meta.discourse.org/u/Helga_Razinkova)
#### Post date: [3 يوليو 2025، 7:24ص UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/18 "2025-07-03T07:24:28Z")
هذا يبدو رائعًا!! أفترض أن السمة لن تكون متوافقة مع المكونات المخصصة التي نستخدمها حاليًا؟ على سبيل المثال:
---
### Author:  [@Jonathan5](https://meta.discourse.org/u/Jonathan5)
#### Post date: [3 يوليو 2025، 11:35ص UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/20 "2025-07-03T11:35:05Z")
متابعةً للنقاش من [ساعدونا في اختبار Horizon، أحدث سماتنا](https://meta.discourse.org/t/help-us-test-horizon-our-newest-theme/360484):
> [@chapoi](#):
>
> يمكنك الاطلاع على Horizon على Meta باستخدام مبدل السمات في أسفل الشريط الجانبي الخاص بك:
لم ينجح هذا معي على الهاتف المحمول (iPhone 11 Pro Max). أعتقد أن السبب قد يكون أنني قمت بزيادة حجم الخط في إعدادات هاتفي.
---
### Author:  [@satonotdead](https://meta.discourse.org/u/satonotdead)
#### Post date: [3 يوليو 2025، 11:28م UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/21 "2025-07-03T23:28:05Z")
هذا القالب رائع، شكراً لعملكم!
أتساءل كيف يمكنني تحديث “forked horizons”؟ لدينا بعض التعديلات المخصصة التي نريد الاحتفاظ بها 🙂
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [4 يوليو 2025، 2:01ص UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/22 "2025-07-04T02:01:46Z")
إنشاء المكونات وإضافتها إلى السمة للتخصيص
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [4 يوليو 2025، 2:05ص UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/23 "2025-07-04T02:05:05Z")
على المدى الطويل، هدفنا هو أن تعمل جميع مكوناتنا الرسمية بشكل جيد على أفق، وللعمل المخصص كعميل، لا تتردد في الاتصال بـ [@team](https://meta.discourse.org/groups/team) لمعرفة ما إذا كان بإمكاننا مساعدتك (قد يتطلب بعض العمل المخصص المدفوع)
---
### Author:  [@SubStrider](https://meta.discourse.org/u/SubStrider)
#### Post date: [4 يوليو 2025، 5:18ص UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/24 "2025-07-04T05:18:01Z")
أرغب في إنشاء خيار قابل للاختيار من قبل المستخدم لهذا المظهر حتى أتمكن من إضافة مكون المظهر الذي سيعدل هذا المظهر. أرغب في أن يتمكن المستخدمون من تحديد مظهر Horizon كما هو أو أن يتمكنوا من تحديد شكله المتغير.
الشكل المتغير لهذا المظهر سيكون بعرض كامل. كما سيقوم بتنسيق CSS لصفوف المشاركات الفردية لرفع المحتوى في التسلسل الهرمي المرئي مقارنة بالعناصر الأخرى في الصفحة مثل شريط التمرير، والمواضيع الجديدة وغير المقروءة في الأسفل، وما إلى ذلك.
يبدو مظهر Horizon رائعًا حقًا ولكنه لا يزال لا يحل مشكلة كثافة المعلومات في صفحة المواضيع. إنه مرهق بصريًا للأشخاص القادمين من برامج المنتديات التقليدية الأخرى.
قد لا تكون تعليقاتي ذات صلة بالمستخدمين الأصليين لـ Discourse لكني أقدم وجهة نظر خارجية. يجب علي إجراء هذه التغييرات لمجتمعي على الأقل.
---
### Author:  [@hellekin](https://meta.discourse.org/u/hellekin)
#### Post date: [4 يوليو 2025، 4:07م UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/25 "2025-07-04T16:07:29Z")
لقد وجدت خطأً بسيطًا هنا، في عرض المجموعات، حيث يمكن أن يحدث تجاوز:
يمكن تخفيف ذلك عن طريق إضافة CSS:
```css
.group-box-inner {
overflow: auto;
}
```
---
### Author:  [@asa](https://meta.discourse.org/u/asa)
#### Post date: [4 يوليو 2025، 9:16م UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/26 "2025-07-04T21:16:52Z")
هل هذه المسافة الكبيرة بين شريط التنقل والمحتوى مقصودة؟
---
### Author:  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [5 يوليو 2025، 3:54ص UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/27 "2025-07-05T03:54:31Z")
لا، لا أعتقد أن هذا متوقع. ربما مكون يتداخل مع هذا 🤔؟
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [5 يوليو 2025، 4:51ص UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/28 "2025-07-05T04:51:04Z")
أعتقد أنه حالياً، وأظن أن هذه لقطة شاشة مقصوصة لمتصفح فائق الاتساع بملء الشاشة.
---
### Author:  [@MachineScholar](https://meta.discourse.org/u/MachineScholar)
#### Post date: [5 يوليو 2025، 8:58ص UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/29 "2025-07-05T08:58:10Z")
أحب هذا الثيم تمامًا، ولكن يبدو أن مكون لافتة البحث لا يتوافق معه بشكل جيد. نص `search_banner.subhead` لا يظهر، مما يجعله يبدو غير متناسق. هناك أيضًا خط رمادي باهت.
> **تحديث** :
> لقد قمت بتعطيل لافتة البحث ويبدو الترحيب المدمج + البحث أفضل. ومع ذلك، أحصل على نص العنوان الفرعي هذا في لقطة الشاشة أدناه.
>
> علاوة على ذلك، رابط الإشارات المرجعية في الصفحة الرئيسية يقول إنه ليس لدي أي إشارات مرجعية حتى الآن على الرغم من أن لدي. إنه يرتبط بـ `/bookmarks` بدلاً من `/u/johndoe/activity/bookmarks`
---
### Author:  [@asa](https://meta.discourse.org/u/asa)
#### Post date: [5 يوليو 2025، 11:33ص UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/30 "2025-07-05T11:33:21Z")
إنه بالفعل شاشة عريضة. ولكن الكمية الكبيرة من المساحة البيضاء الفارغة تشتت الانتباه. هل يمكن تعديل ذلك؟
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [6 يوليو 2025، 1:40م UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/32 "2025-07-06T13:40:25Z")
شكراً لإعلامنا بهذا الأمر - لقد طلبت من شخص من فريق التصميم لإلقاء نظرة على المشكلة.
---
### Author:  [@SubStrider](https://meta.discourse.org/u/SubStrider)
#### Post date: [7 يوليو 2025، 7:18ص UTC](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608/33 "2025-07-07T07:18:46Z")
تم الإبلاغ عن هذا قبل شهر تقريبًا ولكن..
> [@Help us test Horizon, our newest theme](https://meta.discourse.org/t/help-us-test-horizon-our-newest-theme/360484/70?u=substrider):
>
> This extra white space to the left and right of the topic contents is what I was talking about. Doesn’t look uniform. Ideally I would like an option for it to occupy the full width, or at the very least be aligned to the left instead of center. I can anyway override it using custom CSS but just reporting in case there is consensus on aesthetics.
[Next page](https://meta.discourse.org/t/introducing-horizon-our-newest-theme/369608.md?page=2)