إخفاء روابط الرأس المخصصة من المجهول

مكون سمة رائع. شكرًا لك.

هل توجد طريقة لإخفاء الروابط إذا كان على المستخدم تسجيل الدخول لعرض محتوى الموقع؟
هذا ما يبدو عليه موقعي في صفحة تسجيل الدخول مع تفعيل السمة.

إعجابَين (2)

إلى أن توجد طريقة أنظف للقيام بذلك من خلال ترقية المكون، يمكنك إضافة أسطر CSS هذه في نسقك

.anon .custom-header-links {
    display: none;
}
8 إعجابات

هذا يعمل بشكل ممتاز!!!

إذا كان بإمكان أي منكم أيها المبرمجون الرائعون إضافة إمكانية جعل كل رابط مرئيًا لـ:

  1. المستخدمين المسجلين أو
  2. المستخدمين المجهولين (أي غير المسجلين) أو
  3. جميع المستخدمين

فسنكون ممتنين للغاية!!!

إعجابَين (2)

ما زال كل شيء قابلاً للتنفيذ عبر 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

10 إعجابات

شكرا، لقد ساعدتني :slight_smile:

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