تنسيق قسم التعليقات في Discourse على Wordpress (سمة Divi)

مرحبًا @newspring، لقد راجعت الأمر، وهناك مشكلتان لديك.

التنسيق

أولاً، كما اقترحتُ سابقًا، يستخدم قالب Divi عناصر تعليقات مخصصة خاصة به، ويقدم أنماطًا فقط لتلك العناصر المخصصة. وهذا يعني أن عناصر التعليقات القياسية التي يستخدمها Discourse لا تملك أي تنسيق. كما يعني أيضًا أن Divi لا يمكنه تنسيقها، لأنه يبحث عن عناصر تعليقات مخصصة خاصة به.

بشكل أساسي، هذا يعني أنه يمكنك استخدام كتل تعليقات Divi فقط مع قالب Divi مباشرةً. إذا استخدمت كتلة تعليقات من Discourse أو أي كتلة تعليقات غير مخصصة لـ Divi، فستحتاج إلى تنسيقها بنفسك. يمكنك رؤية ما أعنيه هنا إذا طبقت قالب WordPress قياسي مثل Twenty Nineteen. فستتم تنسيق تعليقات Discourse بواسطة CSS يوفره ذلك القالب وستظهر بشكل طبيعي.

لكن لا تقلق! إن تنسيق CSS بسيط نسبيًا. إليك طريقة بسيطة لجعله يبدو أكثر طبيعية. يمكنك إضافة هذا CSS إلى Divi أو أي قالب آخر سيتم تحميله.

CSS
.comment-meta,
.comment-metadata,
.comment-author,
.comment-content,
.comment-author img {
  display: flex;
  align-items: center;
  margin-right: 10px;
  font-size: 1rem !important;
}

.comment::marker {
  content: '';
}

.comment-body {
  margin-bottom: 10px;
}

.et_pb_comments_0 {
  background-color: white; 
}

سيكون الناتج النهائي كالتالي

أعتقد أن سبب ظهور عبارة “استمر في النقاش في…” و"المشاركون" باللونين الأزرق والأصفر هو أنك أضفت تنسيقات مباشرة لهما عبر Divi. إذا كنت ترغب في تغيير هذه الألوان، فقم بإزالة التنسيقات المخصصة هذه في Divi.

تعارض تعليقات Discourse وWordPress

ما زلت لديك تعليقات WordPress مفعلة، وهذا هو السبب في ظهور نموذج كتابة تعليق آخر في أسفل المنشور. إذا كنت ترغب في استخدام تعليقات Discourse، فربما ترغب في إيقافها. اطلع على شرحي الأطول لذلك هنا

4 إعجابات