Comment Reply Threading / Linking on the WordPress Side

Hi, one major issue I’m having with the WP-Discourse plugin is that comment replies are unclear. When there is a comment reply in Discourse, the WordPress side does not show what it’s a reply to. It’s just a pure flat conversation.

It would be nice to either utilize WordPress’ threading capabilities (unlikely given Discourse’s stance), or at least state “This is a reply to comment #2” or something like that.

Is that possible?

Thanks!

It has been discussed before, so you might search for those conversations; I’d point you to a thread, but it is always mentioned in passing. Get yer search on! :slight_smile:

I couldn’t find it. Was using keywords such as threaded and reply but that’s obviously not helpful. Will try Google.

I’ll see if there is something that can be done with that.

Our standard embed script works this way. See Jeff’s blog for example:

I like that - this could be acceptable. What’s “our standard embed script” though? What you have in WP-Discourse isn’t doing this for me (also tried in default theme, still nothing).

I believe he’s referring to Embed Discourse comments on another website via Javascript.

Hi, I’m revisiting this issue. The JS embed isn’t working well enough for my liking, so I’m looking at going back to the comment sync.

Doing some tests, many of our conversations look plain awful without knowing who’s replying to whom. Is there a possibility of getting a bit more clarity with the replies?

Unfortunately, when you are doing the wp_remote_get inside of lib/discourse-comment.php, using the best=____ parameter strips out the reply information from your JSON!

Not sure if that’s on purpose or is a bug, but that’s a roadblock on its own.

Edit: Yet, if you remove the best parameter, it doesn’t work with /wordpress.json anymore. I can see the problems baked in here for wanting this ‘simple’ change.

Thanks!

Hello,

I did a search and even though it’s said in this thread this has been discussed elsewhere, I can’t find it. (I also looked at WP Discourse template customization and WP Discourse Plugin Tips and Tricks.)

I just launched Discourse comments on my Wordpress site, and I’m having the same issue as Berto—without the context of “This is a reply to…” (either name or comment), the comments are a bit challenging to follow. Since I am trying to sell my readership that Discourse is a superior experience to Disqus, and that they should give it a try, it’s not the best look for that.

@simon Did you come up with a solution to this? Do I need to use the the Javascript embedding? It’d be great if I could make the conversation flow more clearly like on Coding Horror’s blog. (But I’d really prefer to keep using WP-Discourse, which I love.)

Thanks for bringing this up. I think that improving the way that comments are displayed should be the next thing we focus on for the plugin.

That would be awesome, @simon.

You already have a super-solid integration with linking the comments between the sites. Having both references to replies (and even active links that move you through the conversation) on Wordpress, like @codinghorror uses on his blog, would be a big benefit. His site, I think, gives a good template to start from and, if necessary, you could tweak the UI from there.

Please let me know if you need any help testing things. I’m happy to offer whatever assistance I can. :slight_smile:

If improving the way comments are displayed is something you’re going to focus on, I might also ask for a cleaner presentation for when you are quoting previous content.

Quoting is something I’m trying to encourage now in order to have the comments on Wordpress make more sense. But currently the name quoted and the quote itself are separate and styled differently:

I think it feels a little disconnected.

It’d be cool if it could match more like how it’s presented in Discourse:

I don’t know how hard that is to make happen, but my 2 cents anyway. :slight_smile:

مرحبًا @simon،

أنا فقط أتأكد من الأمور. لا يزال لدي رغبة في رؤية عرض أنظف للردود والاقتباسات والتعليقات على ووردبريس.

هل كان لديك وقت كافٍ للنظر في ذلك؟

بالطبع سأفهم إذا لم يكن الأمر كذلك، لكنني أردت فقط إخبارك بأنني أود جدًا رؤية ذلك. لقد تلقيت المزيد من التعليقات من قارئي بأن متابعة المحادثة محيرة في التنسيق الحالي، وأعتقد أن توضيح نسخ ووردبريس قد يشجع المزيد من الأشخاص على تجربة ديسكورس على موقعي.

شكرًا لك على عملك الرائع في هذه الإضافة. إنه رائع حقًا ومقدر جدًا. :slight_smile:

أنا أبحث في ما يمكن فعله إما للإشارة إلى أن التعليق هو رد، أو لإضافة رابط “ردود” أسفل التعليقات التي تحتوي على ردود. البيانات المطلوبة لهذا الغرض لا يتم تمريرها حاليًا من ديسكورس إلى ووردبريس، لكن يبدو أنه يمكن توفيرها بتغيير بسيط نسبيًا في ديسكورس.

نعم، الأنماط الافتراضية لهذا الغرض ليست جيدة جدًا. يمكنك تحسينها بإضافة هذه القاعدة إلى ملف CSS في سمة موقعك:

.comment-body .quote blockquote {
	margin-top: 0;
	margin-right: 0;
}

مع سمة twentyninteen في ووردبريس، سيؤدي ذلك إلى الحصول على شيء مشابه لهذا:

التوقع مع الإضافة هو أن المواقع ستقوم بتنسيق التعليقات لتتناسب مع سماتها، لكن الأنماط التي يتم تفعيلها عند تمكين خيار “تحميل CSS التعليقات” يجب أن توفر نقطة انطلاق معقولة. سأضيف قريبًا شيئًا مثل قاعدة CSS التي نشرتها أعلاه إلى الإضافة.

مرحبًا سيمون،

بشكل ما، لم أنتبه لهذا من قبل. شكرًا لك على نصيحة CSS! بإضافتها، انتقلت من:

إلى:

وهو بالتأكيد تحسن. لكن سُمّتي لا تزال تضيف ذلك الإطار الغريب. حاولت البحث في ملف CSS، لكن هناك العديد من الإشارات إلى “الإطارات” وأجد صعوبة في تحديد المسؤول عنها. ( مهاراتي في CSS ليست قوية جدًا.)

هل لديك أي نصائح حول ما يجب البحث عنه في ملف CSS للتخلص من ذلك الإطار، حتى أتمكن من المطابقة بشكل أقرب لما استطعت أنت تحقيقه مع سمة twentynineteen؟

سأفهم إذا لم يكن لديك. سأواصل المحاولة لإيجاد الحل. لكن شكرًا جزيلاً على مساعدتي حتى هذه النقطة! :slight_smile:

ستكون هناك بعض التحسينات على تنسيق CSS الافتراضي للأقوال في التحديث القادم للإضافة.

يجب أن يعمل هذا التغيير على إصلاح المحاذاة اليمنى لعنصر blockquote وعنوانه في موقعك. كما يجب أن يحل المشكلة المتعلقة بالإطار. سيتم إضافة هذا الكود CSS إلى الإضافة بحلول نهاية الأسبوع، ولكن لا ضرر من إضافته إلى موقعك فورًا:

.comment-body .quote blockquote {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    border-top: none;
    border-right: none;
    border-bottom: none;
}

.comment-body .quote blockquote p:last-child {
	margin-bottom: 0;
}

شكرًا جزيلاً لك! هذا رائع! (وأعتقد أنه من الرائع أنك ستضيف هذا إلى الإضافة الأساسية.)

أضفت الكود وهذا ما حصلت عليه:

بشكل عام، إنه تحسن كبير. شكرًا جزيلاً لك!

فقط شيء أخير: هل هناك طريقة لإنشاء مساحة صغيرة تحت التاريخ، مثل التعليقات بدون مربع الرد الأبيض؟

أعتقد أن وجود مساحة فارغة صغيرة بين التاريخ وحافة المربع الأبيض قد يجعل الشكل أنظف قليلاً.

نعم، أعتقد أن هذه مشكلة تتعلق بسمتك. حاول إضافة قاعدة CSS تشبه ما يلي:

.comment .comment-content {
    margin: 22px;
}

قد تحتاج إلى تعديل قيمة 22px لجعل الهامش يتناسب مع موقعك.

هناك مشكلة أخرى في سمتك قد ترغب في إصلاحها. يستخدم ووردبريس القوائم المرتبة للتعليقات، لكنه يستخدم CSS لإزالة الأرقام من القائمة. إذا كنت لا تريد عرض الأرقام بجانب التعليقات، فحاول إضافة قاعدة مشابهة لهذه من سمة Twentyninteen:

.comment-list {
    list-style: none;
}

رائع! كل شيء أفضل بكثير الآن. لقد نجح تنسيق CSS.

شكرًا جزيلاً لك، @simon! كما هو معتاد، أنت رائع! :smiley: