هذا دليل غير تقني سيأخذك خلال عملية تخصيص العلامة التجارية والمظهر لموقعك على Discourse.
مستوى المستخدم المطلوب: مسؤول
تريد تخصيص علامة موقعك، لكنك لا تعرف من أين تبدأ؟ اقرأ المزيد لتعرف كيف!
معالج الإعداد
يتميز Discourse بقدرة عالية على التخصيص! مكان جيد للبدء في تخصيص الموقع هو تسجيل الدخول بحساب المسؤول على الموقع وتشغيل معالج إعداد الموقع. ![]()
يتيح لك معالج الإعداد تكوين عنوان موقعك، واللغة الافتراضية، وإعدادات الوصول (عام مقابل خاص، التسجيل مقابل الدعوة فقط، وما إذا كان يجب الموافقة على المستخدمين). هذه هي الخطوات الأولى الأساسية لتشغيل موقعك.
بمجرد اكتمال المعالج، يمكنك تخصيص مظهر موقعك بشكل أكبر — الشعارات، والألوان، والخطوط، والمزيد — من لوحة التحكم.
يمكنك معاينة الخيارات المتاحة مباشرة على هذه الصفحة. انقر على زر “التالي” عندما تجد الإعدادات التي تناسبك. لا تقلق، يمكنك دائمًا تغيير هذه الإعدادات لاحقًا إذا قررت أنها ليست ما تبحث عنه.
سمات الموقع
بمجرد أن يكون لديك تكوين أساسي، حان الوقت لتخصيص موقعك أكثر من ذلك! ![]()
السمات هي تخصيصات شاملة تغير عناصر متعددة من نمط تصميم منتداك، وغالبًا ما تتضمن أيضًا ميزات واجهة أمامية إضافية. تتمتع السمات بالقدرة على تغيير مظهر منتداك وتخطيطه بشكل كبير.
تحتوي فئة Customization > Theme على Meta على مجموعة متنوعة من السمات الجاهزة التي يمكنك استخدامها في موقعك لتخصيص مظهر موقعك. هذا هو المكان الأفضل للبحث عن سمة لاستخدامها في موقعك. اذهبAhead واختر سمة تريد استخدامها لموقعك من هذه الفئة.
بمجرد أن تقرر سمة لاستخدامها في موقعك، يمكنك إضافة السمة إلى موقعك من صفحة Admin -> Customize -> Themes (الموجودة في /admin/config/customize/themes). يمكنك أيضًا إجراء تغييرات على سمة موقعك، أو حتى إنشاء سمة جديدة تمامًا من هذه الصفحة.
يُعد دليل المبتدئين لاستخدام سمات Discourse دورة مكثفة في أساسيات سمات Discourse، ويقدم نظرة عامة حول كيفية تثبيت السمات على موقعك على Discourse. اقرأ هذا الدليل للحصول على تعليمات حول كيفية تثبيت السمة التي اخترتها.
يمكنك أيضًا العثور على مزيد من المعلومات حول كيفية استخدام وإنشاء ومشاركة سماتك الخاصة في:
لوحات الألوان
يمكنك تخصيص موقعك أكثر من خلال ضبط لوحة الألوان الخاصة به من صفحة Admin -> Config -> Colors (الموجودة في /admin/config/colors). ![]()
من هنا يمكنك إنشاء لوحة ألوان جديدة، أو تحديد لوحة ألوان موجودة لتخصيصها، وتعيين اللوحات كسمة فاتحة أو داكنة افتراضية لسمتك.
حدد مخطط ألوان موجودًا لتقوم على أساسه مخطط الألوان الجديد الخاص بك، ثم قم بتخصيص ألوان مخطط الألوان الجديد الخاص بك بالنقر على اللون بجانب كل قسم ألوان:
لا تنسَ تسمية مخطط الألوان الجديد الخاص بك وحفظ التغييرات بمجرد الانتهاء!
تحتاج إلى بعض المساعدة في تحديد الألوان؟ يمكن أن يكون أداة اختيار الألوان مثل Paletton - The Color Scheme Designer مفيدة جدًا في هذا الشأن!
لمزيد من المعلومات حول كيفية استخدام لوحات الألوان داخل Discourse، انظر:
مكونات السمة
على غرار السمات، يحتوي Discourse أيضًا على “مكونات السمة” يمكنك استخدامها لتغيير العناصر السطحية لتصميم منتداك، أو إضافة ميزات واجهة أمامية إضافية. أصغر وأكثر استهدافًا من السمات الكاملة، يمكنها عمومًا (وإن لم يكن دائمًا) دمجها مع مكونات سمة أخرى لإنشاء تصميم منتدى مخصص مصمم لمجتمعك. ![]()
تحتوي فئة Customization > 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 touch icon)- الأيقونة المستخدمة لأجهزة اللمس التابعة لشركة أبل. إذا تركت فارغة، سيتم استخدامlarge_icon. الحجم الموصى به هو 180 × 180 بكسل. لا يُنصح باستخدام خلفية شفافة.
تحت قسم البريد الإلكتروني:
شعار الملخص (Digest logo)- صورة الشعار البديلة المستخدمة في الجزء العلوي من ملخص البريد الإلكتروني لموقعك. إذا تركت فارغة، سيتم استخدام الصورة من إعدادlogo. استخدم صورة مستطيلة عريضة. لا تستخدم صورة SVG.
تحت قسم وسائل التواصل الاجتماعي:
صورة OpenGraph- صورة opengraph الافتراضية، تُستخدم بواسطة العديد من التطبيقات والمنصات لمعاينات روابط الويب عندما لا تحتوي الصفحة على صورة أخرى مناسبة. إذا تركت فارغة، سيتم استخدامlarge_icon.صورة ملخص X الكبيرة (X summary large image)- صورة ‘ملخص كبير’ لبطاقة X. إذا تركت فارغة، سيتم إنشاء بيانات التعريف للبطاقة العادية باستخدامOpenGraph_image، طالما أنها ليست أيضًا ملف .svg. الحجم الموصى به هو على الأقل 280 × 150 بكسل. لا تستخدم صورة SVG.
للحصول على أفضل النتائج، نوصي باتباع إرشادات الحجم المذكورة أعلاه لكل نوع من أنواع الشعارات والأيقونات.
تخصيصات إضافية
الآن بعد أن أضفت سمة مخصصة، ولوحة ألوان، وبعض شعارات العلامة التجارية، وربما بعض مكونات السمة إلى موقعك، لقد انتهيت من جميع تخصيصات الموقع الأساسية! ![]()
إذا كنت لا تزال تبحث عن المزيد من الطرق لتخصيص موقعك على Discourse، نوصي بقراءة أي من الموضوعات التالية التي قد تهمك:





