لقد قمت بدمج موقع ووردبريس مع منتدى ديسكورش.
عند إضافة قسم التعليقات إلى مدونة، لم يقبل تنسيق القسم التغييرات التي أجريتها في ديفي. ونتيجة لذلك، أصبح بعض النص كبيرًا جدًا (“الردود البارزة” و"المشاركون").
هل توجد طريقة لإصلاح التنسيق؟
مرحباً 
تستخدم التعليقات في إضافة Discourse نفس العناصر مثل تعليقات ووردبريس العادية، لذا ستعمل مباشرة مع معظم قوالب ووردبريس. ومع ذلك، تتحكم أدوات بناء الصفحات مثل Divi في هيكل عناصر ووردبريس وتنسيقه بشكل كبير (أكثر من القالب القياسي)، وقد تؤدي مشاكل من هذا النوع إلى أي تخصيص (سواء كان متعلقًا بـ Discourse أو غيره).
هذه المشكلة تتعلق أكثر بـ Divi وقالبك الفرعي منها بإضافة Discourse لووردبريس، ولكن إذا أرسلت لي رابط موقعك، يمكنني اقتراح بعض أكواد CSS لإضافة إصلاح أساسي.
مرحبًا أنغوس،
عادةً ما يحتفظ Divi بالقدرة على تغيير التنسيق. ومع ذلك، في هذه الحالة، يستجيب جزء فقط من النص لتغييرات الخط.
سنعقد الكثير من التقدير لمساعدتك.
الموقع الإلكتروني هو: https://about.openfoodnetwork.ca/tech-enabling-on-line-food-distribution
مرحبًا @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، فربما ترغب في إيقافها. اطلع على شرحي الأطول لذلك هنا
لقد حصلت على مساعدة من دعم Divi بشأن CSS. الآن سيتم تنسيق التعليقات المنشورة على Discourse (كانت الألوان تُظهر أي عنصر CSS مرتبط بأي نص).
من تعليقك، أستنتج أنه لا يمكن عرض التعليقات المنشورة على موقع WordPress على Discourse إذا كنت تعرض بالفعل تعليقات من Discourse. هل هذا صحيح؟
رائع، يسعدنا أن الأمر قد تم حله.
لست متأكدًا تمامًا مما تقصده، ولكن إذا كنت تقصد إمكانية استيراد تعليقات ووردبريس القديمة إلى Discourse لتظهر كمشاركات على Discourse، فلا توجد عملية آلية للقيام بذلك.
يجب تنفيذ استيراد من هذا النوع يدويًا من قبل شخص ملم بالجوانب التقنية. ضع في اعتبارك أن هذا سيتضمن أمورًا مثل التأكد من أن جميع من تركوا تعليقات على ووردبريس لديهم حسابات مستخدم على Discourse. هذا ممكن، لكنه يتطلب عملًا مخصصًا.
أنصحك بالخطوات التالية:
-
احتفظ بتعليقات ووردبريس الحالية مرئية باستخدام هذا الإعداد في إضافة Discourse ضمن إعدادات “التعليقات”: “إظهار تعليقات ووردبريس الحالية”.
-
عطل التعليقات الجديدة على ووردبريس باتباع الخطوات في المنشور الذي ربطتُ به أعلاه.
-
فعّل نظام التعليقات على Discourse.
النتيجة النهائية هي أن جميع تعليقات ووردبريس الحالية ستبقى مرئية على ووردبريس، وسيتمكن الأشخاص من نشر تعليقات جديدة على Discourse، وستكون جميع هذه التعليقات الجديدة مرئية أيضًا على ووردبريس.