هذا دليل غير تقني سيرشدك خلال تخصيص العلامة التجارية والمظهر لموقع Discourse الخاص بك.
مستوى المستخدم المطلوب: مدير
هل ترغب في تخصيص العلامة التجارية لموقعك ولكن لا تعرف من أين تبدأ؟ اقرأ المزيد لمعرفة ذلك!
معالج الإعداد
يتميز Discourse بمرونة عالية في التخصيص! مكان جيد للبدء مع تخصيصات الموقع هو تسجيل الدخول بحساب المسؤول في الموقع وتشغيل معالج إعداد الموقع. ![]()
يتيح لك معالج الإعداد تكوين عنوان موقعك، والافتراضي المحلي، وإعدادات الوصول (عام مقابل خاص، التسجيل مقابل الدعوة فقط، وما إذا كان يجب الموافقة على المستخدمين). هذه هي الخطوات الأولى الأساسية لتشغيل موقعك.
بمجرد اكتمال المعالج، يمكنك تخصيص مظهر موقعك بشكل أكبر — الشعارات، الألوان، الخطوط، وأكثر من ذلك — من لوحة التحكم الخاصة بالمسؤول.
يمكنك معاينة الخيارات المتاحة مباشرةً في هذه الصفحة. انقر فوق زر “التالي” عندما تجد الإعدادات التي تناسبك. لا تقلق، يمكنك دائمًا تغيير هذه الإعدادات لاحقًا إذا قررت أنها ليست ما تبحث عنه.
سمة الموقع
بمجرد وجود إعداد أساسي، حان الوقت لتخصيص موقعك بشكل أكبر! ![]()
السمات هي تخصيصات شاملة تغير عناصر متعددة من نمط تصميم المنتدى، وغالبًا ما تتضمن ميزات واجهة أمامية إضافية. تملك السمات القدرة على تغيير مظهر وتخطيط المنتدى بشكل كبير.
تستضيف فئة #theme في Meta مجموعة متنوعة من السمات المُنشأة مسبقًا التي يمكنك استخدامها في موقعك لتخصيص مظهره. هذا هو أفضل مكان للبحث عن سمة لاستخدامها في موقعك. تفضل واختر سمة ترغب في استخدامها لموقعك من هذه الفئة.
بمجرد اتخاذ قرار بشأن سمة لاستخدامها في موقعك، يمكنك إضافة السمة إلى موقعك من صفحة Admin -> Customize -> Themes (الموجودة في /admin/config/customize/themes). يمكنك أيضًا إجراء تغييرات على سمة موقعك، أو حتى إنشاء سمة جديدة تمامًا من هذه الصفحة.
يُعد دليل المبتدئين لاستخدام سمات Discourse دورة مكثفة في أساسيات سمات Discourse، ويقدم نظرة عامة حول كيفية تثبيت السمات في موقع Discourse الخاص بك. اقرأ هذا الدليل للحصول على تعليمات حول كيفية تثبيت السمة التي اخترتها.
يمكنك أيضًا العثور على مزيد من المعلومات حول كيفية استخدام وإنشاء ومشاركة سماتك الخاصة في:
لوحات الألوان
يمكنك تخصيص موقعك بشكل أكبر عن طريق تعديل لوحة الألوان الخاصة به من صفحة Admin -> Config -> Colors (الموجودة في /admin/config/colors). ![]()
من هنا يمكنك إنشاء لوحة ألوان جديدة، أو اختيار لوحة ألوان موجودة لتخصيصها، وتعيين لوحات الألوان كمخطط افتراضي فاتح أو داكن لسمتك.
اختر مخطط ألوان موجودًا لتبنيه كأساس لمخطط الألوان الجديد، ثم قم بتخصيص ألوان مخططك الجديد بالنقر فوق اللون بجانب كل قسم ألوان:
لا تنسَ تسمية مخطط الألوان الجديد وحفظ التغييرات بمجرد الانتهاء!
هل تحتاج إلى مساعدة في اختيار الألوان؟ يمكن أن تكون أداة اختيار ألوان مثل Paletton - The Color Scheme Designer مفيدة جدًا في هذا الصدد!
لمزيد من المعلومات حول كيفية استخدام لوحات الألوان داخل Discourse، راجع:
مكونات السمة
بشكل مشابه للسمات، يحتوي Discourse أيضًا على “مكونات السمة” التي يمكنك استخدامها لتغيير العناصر السطحية لتصميم المنتدى، أو إضافة ميزات واجهة أمامية إضافية. أصغر حجمًا وأكثر استهدافًا من السمات الكاملة، يمكن عادةً (ولكن ليس دائمًا) دمج مكونات السمة معًا لإنشاء تصميم منتدى مصمم خصيصًا لمجتمعك. ![]()
تحتوي فئة #theme-component في Meta على جميع مكونات السمة الرسمية وغير الرسمية لـ Discourse. تصفح مكونات السمة المدرجة هناك، وإذا كنت ترغب في تثبيت أي منها في موقعك، فمتابعة التعليمات هنا: واجهة سمة Discourse وكيفية تثبيت مكونات السمة
تشمل بعض مكونات سمة Discourse الأكثر شيوعًا:
يحتوي Discourse أيضًا على زر تبديل داخلي للوضع الداكن/الفاتح يتم التحكم فيه بواسطة إعداد الموقع
interface_color_selector، والذي يمكن تعيينه لإظهار الزر في تذييل الشريط الجانبي أو في الرأس.
تحتوي فئة theme-guides في Meta أيضًا على الكثير من أدلة “كيفية” مع أفكار لتخصيص موقعك بشكل أكبر باستخدام مكونات السمة.
العلامة التجارية للموقع
يحتوي Discourse على صفحة مخصصة لتكوين الشعار في Admin -> Appearance -> Logo (الموجودة في /admin/config/logo) حيث يمكنك إدارة جميع الشعارات والأيقونات الخاصة بموقعك.
الشعار الأساسي- يظهر في شريط التنقل العلوي للموقع، وكذلك في أعلى إشعارات البريد الإلكتروني للموقع. الحجم الموصى به هو 600 × 80 بكسل.الشعار الأساسي الداكن- بديل الوضع الداكن للشعار الأساسي. الحجم الموصى به هو 600 × 80 بكسل.الأيقونة المربعة- نسخة مربعة من صورة الشعار تظهر في أعلى الموقع وهي أيضًا شعار تطبيق الهاتف المحمول. الحجم الموصى به هو 512 × 512 بكسل.أيقونة المفضلة (Favicon)- سيظهر الشعار كأيقونة في علامة تبويب المتصفح وفي المفضلة/الإشارات المرجعية للمتصفح.الشعار الصغير- صورة الشعار الصغير في الزاوية العلوية اليسرى لموقعك، وتُرى عند التمرير للأسفل. إذا تُركت فارغة، سيُعرض رمز المنزل. الحجم الموصى به هو 120 × 120 بكسل.الشعار الصغير الداكن- بديل الوضع الداكن للشعار الصغير. الحجم الموصى به هو 120 × 120 بكسل.
تحت قسم الهاتف المحمول:
شعار الهاتف المحمول- الشعار المستخدم في نسخة الهاتف المحمول من موقعك. إذا تُرك فارغًا، سيتم استخدام الصورة من إعدادlogo. استخدم صورة مستطيلة عريضة بارتفاع 120 ونسبة أبعاد أكبر من 3:1.شعار الهاتف المحمول الداكن- بديل الوضع الداكن لشعار الهاتف المحمول. استخدم صورة مستطيلة عريضة بارتفاع 120 ونسبة أبعاد أكبر من 3:1.أيقونة التثبيت (Manifest icon)- الصورة المستخدمة كشعار/صورة ترحيبية على نظام Android. إذا تُركت فارغة، سيتم استخدام large_icon. الحجم الموصى به هو 512 × 512 بكسل.لقطات شاشة التثبيت (Manifest screenshots)- لقطات شاشة تعرض ميزات ووظائف مثيلتك في صفحة مطالبة التثبيت (تُظهر عند استخدام “إضافة إلى الشاشة الرئيسية” على Android). يجب أن تكون جميع الصور تحميلات محلية وبنفس الأبعاد.أيقونة لمسة Apple- الأيقونة المستخدمة لأجهزة Apple التي تدعم اللمس. إذا تُركت فارغة، سيتم استخدام large_icon. الحجم الموصى به هو 180 × 180 بكسل. لا يُنصح بخلفية شفافة.
تحت قسم البريد الإلكتروني:
شعار الملخص- صورة الشعار البديلة المستخدمة في أعلى ملخص البريد الإلكتروني لموقعك. إذا تُركت فارغة، سيتم استخدام الصورة من إعدادlogo. استخدم صورة مستطيلة عريضة. لا تستخدم صورة SVG.
تحت قسم وسائل التواصل الاجتماعي:
صورة OpenGraph- صورة opengraph الافتراضية، المستخدمة من قبل العديد من التطبيقات والمنصات لمعاينات الروابط على الويب عندما لا تحتوي الصفحة على صورة مناسبة أخرى. إذا تُركت فارغة، سيتم استخدام large_icon.صورة ملخص كبيرة لـ X- بطاقة X ‘ملخص صورة كبيرة’. إذا تُركت فارغة، سيتم إنشاء بيانات وصفية للبطاقة العادية باستخدام OpenGraph_image، طالما أن هذه الصورة ليست بصيغة .svg. الحجم الموصى به هو 280 × 150 بكسل على الأقل. لا تستخدم صورة SVG.
للحصول على أفضل النتائج، نوصي باتباع إرشادات الحجم المذكورة أعلاه لكل نوع من أنواع الشعارات والأيقونات.
تخصيصات إضافية
الآن بعد أن أضفت سمة مخصصة، ولوحة ألوان، وبعض الشعارات التجارية، وربما بعض مكونات السمة إلى موقعك، فقد انتهيت من جميع تخصيصات الموقع الأساسية! ![]()
إذا كنت لا تزال تبحث عن طرق أكثر لتخصيص موقع Discourse الخاص بك، فنحن نوصي بقراءة أي من المواضيع التالية التي قد تهمك:





