لـ LinkedIn، يمكنك استخدام fab-linkedin كاسم للأيقونة في هذا الإعداد
ولكن نظرًا لأن هذه الأيقونة غير مدرجة في مجموعة الأيقونات الافتراضية التي يستخدمها Discourse، ستحتاج أيضًا إلى إضافتها إلى الإعداد الآخر في المكون.
النتيجة تبدو هكذا بالنسبة لي
بالتأكيد، هناك قسم في هذا الموضوع يتحدث عن إضافة أيقونات مخصصة.
بمجرد إكمال الإعداد، ستتمكن من استخدام أي أيقونات مخصصة تضيفها في هذا المكون الخاص بالموضوع. يرجى الاطلاع هناك وإخباري إذا واجهت أي مشاكل.
لقد قمت بإجراء هذا التغيير إلى جانب بعض تحسينات التنفيذ الأخرى هنا
تضيف التحديث الجديد فئات فريدة ذات بادئات لكل رابط بناءً على العنوان الذي تستخدمه. لذا، على سبيل المثال، إذا استخدمت
facebook, fab-facebook, https://facebook.com, vdm, blank
سيكون للرابط الفئة
header-icon-facebook
القالب هو header-icon-عنوان-الأيقونة
الذي يمكنك استهدافه باستخدام CSS على النحو التالي
.d-header-icons {
.header-icon-facebook svg {
fill: #4267b2;
}
.header-icon-twitter svg {
fill: #1da1f2;
}
// أضف المزيد من الأيقونات هنا
}
وهو ما سينتج عنه شيء مثل هذا
