ما زال كل شيء قابلاً للتنفيذ عبر CSS، لكن سيتعين عليك إنشاء سطر لكل رابط، وهو ما قد يستغرق بعض الوقت.
إذا أخذنا مثال العرض التوضيحي لهذا المكون:
https://theme-creator.discourse.org/theme/Johani/custom-header-links
فسأختبر سيناريوهاتك الثلاثة باستخدام مثال Tech.
مثال #1: مرئي للمستخدمين المسجلين
.anon .headerLink.tech {
display: none;
}
مثال #2: مرئي للمستخدمين غير المسجلين
.headerLink.tech {
display: none;
}
.anon .headerLink.tech {
display: inline-block;
}
مثال #3: مرئي لجميع المستخدمين: لا تضيف أي شيء
استبدل النص بكلمة مفتاحية لقائمتك.
سأقدم مثالاً أخيراً للمساعدة. فئة CSS المستخدمة لعنصر القائمة صوتك مهم! هي .headerLink.your-vote-counts