روابط الرأس المخصصة

أهلاً بك @andreas_can في ميتا :wave:

تضيف هذه المكونة فئة CSS إلى كل رابط بناءً على نصه. الفئة المضافة هي نفسها النص الذي تعطيه للرابط باستثناء أن المسافات تُستبدل بشرطة (-) ويتم تحويل النص إلى أحرف صغيرة. ثم تُلحق السلسلة -custom-header-links في النهاية.

لذلك، إذا أضفت رابطًا بالنص

privacy

فإن عنصر الرابط سيحتوي على الفئة

privacy-custom-header-links

إذا كان نص رابطك هو

Visit Shop

فستكون فئة CSS هي

visit-shop-custom-header-links

لذلك، أنت تعرف الآن الفئة المضافة إلى كل رابط. بالعودة إلى سؤالك.

يضيف Discourse فئة CSS إلى الوسم <HTML> عندما لا يكون المستخدم مسجلاً دخوله. هذه الفئة هي

anon

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

Customer Support

ولا أريده أن يظهر للمستخدمين الذين لم يسجلوا دخولهم.

سأضيف بعد ذلك هذا CSS

.anon {
  .customer-support-custom-header-links {
    display: none;
  }
}

في علامة التبويب common > CSS في السمة الرئيسية الخاصة بي.

سيؤدي هذا إلى إخفاء هذا الرابط المحدد للمستخدمين الذين لم يسجلوا دخولهم.

11 إعجابًا