إشعارات الموظفين تشير إلى أن التحديد غير واضح

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

ألن يكون من المنطقي أكثر أن يكون أسفل الخط الفاصل الذي يفصل المنشورات بهذا الشكل؟

3 إعجابات

أعتقد أن هذا يرجع جزئيًا إلى السمة التي تستخدمها؟ الزوايا المستديرة في أسفل الإشعار تجعله يبدو منفصلاً عن المنشور أدناه. أعتقد أنه يبدو أفضل هنا على ميتا مع السمة الافتراضية؟ (لقد أضفت بعض الإشعارات إلى هذا الموضوع كمثال)

3 إعجابات

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

أريد المشاركة في الحدث :slight_smile:

تعديل: يبدو لي صحيحًا

إعجابَين (2)

إذا كان هناك أي شيء، فإن الحشو قليل جدًا:
image

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

إعجابَين (2)

(لقد صادفت هذا المنشور القديم أثناء إعادة زيارة بعض الارتباك الآخر في إشعارات الموظفين…)

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

بديل يمكن تطبيقه عالميًا على جميع إشعارات المنشورات اليوم هو بعض CSS المخصص لإدراج سهم Unicode، إما قبل الصورة الرمزية:

image

CSS: قبل الصورة الرمزية
.post-notice::before {
  content: '🡇';
}

(أو ربما بشكل أكثر صحة):

.post-notice::before {
  content: " \\1F847";
}

… أو قبل محتوى النص:

image

CSS: قبل النص
.post-notice p::before {
  content: " \\1F847";
  margin-right: .5rem;
}

أوه - إليك خدعة لتغيير اللون:

image

CSS: تغيير اللون
.post-notice p::before {
  content: " \\1F847\\fe0e";
  color: yellow;
  margin-right: .5rem;
}

(إلحاق \\fe0e بأي حرف Unicode يعرض نسخة نصية تقبل اللون. مرجع.)

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

image

CSS: مختلف للموضوع الرئيسي
#post_1 .post-notice p::before {
  content: " \\29BF\\fe0e";
  color: yellow;
  margin-right: .5rem;
}
إعجاب واحد (1)

فكرة رائعة يا تود! يسعدني أنني لست الوحيد المجنون :wink:

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

.post-notice p::before {
  content: "\2B07\FE0E";
  color: var(--tertiary);
  margin-right: .5rem;
}

#post_1 .post-notice p::before {
  content: "\29BF\FE0E";
}
إعجابَين (2)

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

3 إعجابات

[اقتباس=“Lilly, post:9, topic:258815”]
بما أن المشاركات تظهر بترتيب الأحدث في الأعلى فالأقدم في الأسفل، فإن إشعار الموظفين يشير إلى المشاركة الموجودة أسفله
[/اقتباس]
بدون إساءة، ولكن يبدو الأمر وكأنه “أنا أعرف ذلك وأنا معتاد عليه، لذلك يبدو بديهيًا بالنسبة لي”. أود أن أقول إن إشعار الموظفين من الواضح أنه لا يمكن وضعه إلا بعد نشر المشاركة. لذلك، يبدو طبيعيًا توقع أن يكون إشعار الموظفين بعده، إذا كانت الأمور تسير “بالترتيب”.

شخصيًا، أعتقد أن @davidkingham لديه بالتأكيد وجهة نظر: إنه أمر غامض. سيكون من الأفضل لو كان يمكن أن يظهر بشكل أكثر وضوحًا لأي شخص من النظرة الأولى. وهو ليس هو الحال هنا (إذا كان مطلوبًا في الجزء العلوي من المشاركات، فإن إشعار الموظفين الموجود أسفل اسم الملصق سيجعله أكثر وضوحًا، على سبيل المثال. قد يكون ذلك أكثر تعقيدًا من الناحية الفنية، أو غير مرغوب فيه لأسباب أخرى).

بالنسبة لبعض السمات (مثل سمة Meta Branded التي أستخدمها الآن)، يكون إشعار الموظفين أسفل الخط الفاصل بين المشاركات، لذا من الواضح إلى أين يشير الإشعار.
ربما يمكن للسمات الأخرى أن تتبنى هذا أيضًا؟

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

قد يكون هذا صحيحًا جدًا. :thinking:

أعتقد أن ما كنت أحاول قوله (ولكن بشكل سيء) هو أنه يبدو منطقيًا عندما أقوم بالتمرير عبر موضوع ما، أنه يشير إلى المنشور أدناه، على الرغم من الترتيب الزمني المنطقي للمنشورات.

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

لماذا لا يحتوي إشعار الموظفين الأول على سطر بينما تحتوي البقية؟

أنا شخصياً لا أستخدم إشعارات الموظفين بسبب المشكلة التي نوقشت هنا. حاولت إعطاء المزيد من الظهور ولكن الانتقال إلى اليمين هو على الأرجح حاجة.

مرحباً، كيف يمكنني عرض إشعارات الموظفين أسفل المنشور بدلاً من أعلاه؟

عفواً، هل هناك أي طريقة باستخدام CSS؟

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

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

.post-notice.custom {
    background: linear-gradient(to bottom, rgb(255 0 5) 0%, rgba(255, 137, 139, 0.2) 2%, rgba(255, 137, 139, 0) 70%);
}

الآن تبدو الإشعارات هكذا:

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

بالمناسبة، أود أن أعرف ما إذا كانت هناك طريقة لمعرفة الفئات الأخرى التي يمكن أن تكون للإشعارات وما إذا كانت الفئة .custom تنطبق فقط على إشعارات الموظفين أو في مكان آخر؟

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