شارة الكاتب لمشاركات الموضوع

:information_source: الملخص إضافة شارة إلى منشورات مالك الموضوع.
:hammer_and_wrench: المستودع https://github.com/VaperinaDEV/author-badge-for-topic-posts
:question: دليل التثبيت كيفية تثبيت سمة أو مكون سمة
:open_book: جديد في سمات Discourse؟ دليل المبتدئين لاستخدام سمات Discourse

تثبيت مكون السمة هذا

مرحباً :wave:
مع مكون السمة هذا، يمكنك إضافة تسمية شارة إلى منشورات مالك الموضوع. إنه مفيد حقًا في الموضوعات الكبيرة لأنه يمكنك رؤية من هو المنشئ الأصلي بوضوح.


تصفية

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

تحتاج إلى إضافة 3 معلمات لجعل المكون قابلاً للعمل.

  1. view-type

    • desktop
    • mobile
  2. category-name

    • هذه هي الفئة التي تريد استهدافها، على سبيل المثال “support”
  3. author-label

    • تسمية الشارة، على سبيل المثال “Author”

مثال:
نظرًا لوجود مساحة أقل عادةً في هذه الأماكن على الهاتف المحمول، فمن الرائع أحيانًا إضافة إصدار أقصر على الهاتف المحمول.
الآن قمت بإعداد شارة مؤلف لفئة discourse والتي ستعرض نص “Author” على سطح المكتب ونص “OP” على الهاتف المحمول.


حسنًا، ولكن ماذا لو أردت استخدام نص مختلف في الفئات الأخرى؟ هل يجب تعيينها بشكل منفصل لكل منها؟ بالطبع لا.
إذا تركت فارغًا view-type أو category-name أو كليهما… فسيتم تطبيقه عالميًا دون تجاوز الموجود.

مثال:
لقد أضفت شارتين إضافيتين تستخدمان نص “Original Poster” للفئات الأخرى على سطح المكتب وتستخدمان نص “Director” في فئة الفيديو على كل من عرض سطح المكتب والجوال.
للقيام بذلك، اترك هذه الأقسام فارغة ببساطة عن طريق
كتابة فاصلة منقوطة بدون مسافة

مثال آخر إذا كنت تريد استخدام “Author” فقط لجميع الفئات وجميع أنواع العرض. استخدم ما يلي:
فاصلتان منقوطتان (بدون مسافات) و Author

;;Author


أماكن

دعنا نرى الأماكن التي يمكنك إضافة الشارات إليها…
يمكنك الاختيار من بين 3-3 أماكن في إعدادات السمة بشكل منفصل لطريقة عرض سطح المكتب والجوال.

هذان الإعدادان :arrow_down_small:

سطح المكتب

author badge location desktop

  1. below-user-avatar
  2. after-user-names
  3. below-user-names

below-user-avatar (مساحة محدودة: تستخدم عرض الصورة الرمزية للموضوع) (ثابت) من الأفضل اختيار تسمية أقصر


after-user-names


below-user-names


جوال

author badge location mobile

  1. below-user-avatar
  2. after-user-names
  3. above-user

below-user-avatar (مساحة محدودة: تستخدم عرض الصورة الرمزية للموضوع) من الأفضل اختيار تسمية أقصر


after-user-names (مساحة محدودة) من الأفضل اختيار تسمية أقصر


above-user


تخصيص

أخيرًا، دعنا نرى بعض خيارات التخصيص.

هنا يمكنك تخصيص شارة المؤلف مثل الألوان وأنماط الخطوط والزوايا…
على سبيل المثال:


هذا يستخدم القيم التالية.
قد لا تستخدم متغيرات الألوان هذه نفس الألوان على موقعك، يعتمد ذلك على نظام الألوان لديك.

الأمر متروك لك لنوع شارة المؤلف الرائعة التي تصنعها. :slightly_smiling_face:

21 إعجابًا

أتوقع عضوًا جديدًا في فريق Discourse في المستقبل، فكل ما تنتجه رائع جدًا يا دون! :clinking_beer_mugs:

4 إعجابات

شكرا جزيلا لك على هذا!

إعجاب واحد (1)

لم ينجح الأمر معي :confused:

إعجابَين (2)

هل فكرت في تمكين المكون في السمة (السمات) الخاصة بك؟ :slight_smile:

إعجاب واحد (1)

بالتأكيد!!

مرحباً :waving_hand:

هل يمكنك توضيح هذا الأمر أكثر؟ هل يمكنك مشاركة لقطة شاشة لإعدادات المكون؟ سيكون من الرائع أيضاً إذا شاركت عنوان URL لموقعك (إذا كان عاماً) مع تفعيل المكون. شكراً لك! :slightly_smiling_face:

إعجابَين (2)

مرحباً، آسف على التأخير، كانت هناك مشكلة في ملف yml الخاص بي.. لذا
هذه هي الشاشة

إعجاب واحد (1)

شكرا لك :slightly_smiling_face:

لقد قمت بفحصها باللغة العربية وهي تعمل معي، باستثناء بعض مشاكل الهوامش…:thinking: سأقوم بإصلاح هذه المشاكل في RTL. لقد قمت بدمجها UX: Fix RTL compatibility by VaperinaDEV · Pull Request #1 · VaperinaDEV/author-badge-for-topic-posts · GitHub

هل يمكنك مشاركة لقطة شاشة لموضوع؟
هل تستخدم سمة مخصصة أو أي مكون قام بتعديل تلك المنطقة؟

ملاحظة: شارة المؤلف لا تظهر في المنشور الأول في الموضوع.

إعجاب واحد (1)

لا يزال كما هو :frowning:
أنا أستخدم السمة من Theme stelpolva
وأنا أستخدم مكون Post Badge.

لقد اختبرت للتو مع هذه، وهي تعمل كما هو متوقع.

مجرد تذكير: لم أعد أقوم بصيانة هذه السمة، قد لا تكون المكونات الجديدة متوافقة معها في المستقبل…

إعجابَين (2)

:frowning: أخبار حزينة

لقد تفقدت موقعك ويبدو أن المكون يعمل بشكل جيد…


ولكن ليس على المنشور الأول الذي شاركته

ملاحظة فقط إذا كنت تشاهد المنشور الأول، فإن “شعار المؤلف” لا يظهر. يظهر في المنشورات اللاحقة في الموضوع. كما يعلم الجميع، المنشور الأول هو المؤلف الأصلي. هذا أربكني في البداية. :wink: ولكن دفاعًا واهٍ عني، كانت الساعة 3 صباحًا. هههه


تعديل: انظر، المؤلف سبقني بالفعل بالإجابة. :vulcan_salute::smiling_face_with_sunglasses::+1::sparkles:

إعجابَين (2)

سيكون هذا تحديثًا لطيفًا لتحسين جودة الحياة إذا أصبح #رسميًا :eyes:

إعجاب واحد (1)

لماذا سيحدث ذلك فرقًا؟

إعجابَين (2)

قد تكون جودة الحياة قوية جدًا، لكنني أعتقد أنها تساعد في سهولة قراءة الموضوع، خاصة إذا كان يحاول تقديم معلومات للمستخدم الأصلي وليس مجرد محادثة بين المجتمع.

إعجاب واحد (1)

لا أفهم كيف أن كونه #رسميًا سيغير ذلك…

3 إعجابات

إذا تم اعتماد TC رسميًا: فهذا يعني ببساطة أن الفريق سيحافظ على الكود.

الآن إذا كنت تقصد دمجه مع النواة؟ في رأيي، يجب أن يظل TC اختياريًا. من ناحية أخرى، يكون للمكونات الإضافية أحيانًا منطق للدمج مع النواة، ولكن حتى في هذه الحالة، لن يكون من المنطقي دمج جميع المكونات الإضافية باستثناء تلك التي تعزز النواة بشكل أكبر للاستخدام الجماعي، مثل الأتمتة والدردشة وتنبيهات التخريب وما إلى ذلك… مع بقاء البعض اختياريًا لمجموعة متنوعة من الأسباب مثل التحكم في الحجم.

3 إعجابات