أدركت أن محاولتي الأولى جعلت زر “رد” للمنشور الأصلي يقرأ “الرد على هذا التعليق” - تمامًا مثل المنشورات اللاحقة. لكنه ليس تعليقًا - إنه موضوع.
استهداف كتلة CSS مماثلة لـ #post_1 يمكن أن يعطي هذا الزر الأول نصًا خاصًا به.
إليك مكون CSS المخصص الكامل الذي أستخدمه الآن، مرتب حسب الاستخدام في الصفحة:
/* إضافة نص إلى زر الرد للمنشور الأصلي (المعروف أيضًا باسم الموضوع) */
#post_1 nav.post-controls {
.actions {
button.reply {
span.d-button-label:after {
/* إضافة هذا المحتوى بعد الرد */
content: " إلى هذا الموضوع";
}
}
}
}
/* إضافة نص إلى زر الرد لجميع المنشورات اللاحقة (أنا أسميها تعليقات) */
nav.post-controls {
.actions {
button.reply {
span.d-button-label:after {
/* إضافة هذا المحتوى بعد الرد */
content: " إلى هذا التعليق";
}
}
}
}
/* إضافة نص إلى زر الرد الأزرق (إلى الموضوع) الذي يظهر في نهاية الصفحة */
#topic-footer-buttons {
.topic-footer-main-buttons {
button.btn-primary.create {
span.d-button-label:after {
/* إضافة هذا المحتوى بعد الرد */
content: " إلى الموضوع الرئيسي";
}
}
}
}