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.

3 Likes

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

https://blog.codinghorror.com/hacker-hack-thyself/

3 Likes

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 Embedding Discourse Comments via Javascript.

4 Likes

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!

2 Likes

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_Cossar 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.)

3 Likes

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.

1 Like

That would be awesome, @Simon_Cossar.

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:

2019-04-17_11-50-22

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:

3 Likes

Hey @Simon_Cossar,

I’m just checking in. I’d still love to see a cleaner presentation of the replies, quotes, and comments on Wordpress.

Have you had any bandwidth to look into that?

I’ll of course understand if you haven’t, but I just wanted to let you know that it’s very much something I’d like to see. I’ve gotten a few more comments from my readers that following the conversation is confusing in the current format, and I think it might encourage more folks to give Discourse a shot on my site if the Wordpress copies were a bit more clear.

Thank you for your great work on this plugin. It’s really awesome. And much appreciated. :slight_smile:

I am looking into what can be done to either indicate that a comment is a reply, or to add a ‘replies’ link beneath comments that have replies. The data required for this isn’t currently being passed from Discourse to WordPress, but it looks like it can be made available with a fairly small change to Discourse.

Yes, the default styles for this are not very good. You can improve them by adding this rule to your theme’s CSS:

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

With the WordPress twentyninteen theme, that will give you something like this:

The expectation with the plugin is that site’s will style the comments to match their theme, but the styles that are enabled when the Load Comment CSS option is enabled should give a reasonable starting point. I’ll add something like the CSS rule that I posted above to the plugin very soon.

4 Likes

Hey Simon,

Somehow I missed this. Thank you for the CSS tip! By adding it, I went from:

2019-10-07_10-21-42

to:

2019-10-07_10-26-53

Which is definitely an improvement. But my theme is still adding that weird border. I’ve tried looking through the CSS, but there are lots of references to “borders” and I’m having a hard time figuring out what’s responsible for that. (My CSS-fu isn’t great.)

Would you have any tips for what to look for in my CSS to get rid of that border so I can more closely match what you were able to do with the twentynineteen theme?

I’ll understand if you don’t. I’ll keep trying to figure it out. But thank you very much for getting me this far with it! :slight_smile:

There will be some improvments to the default quote CSS in the next update of the plugin.

This change should work to fix the right alignment of the blockquote and its title on your site. It should also fix the issue with the border. This CSS will be added to the plugin by the end of the week, but there won’t be any harm done by adding the CSS to your site right away:

.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;
}

Thank you so much! That’s awesome! (And I think it’s great that you’ll be adding this to the base plugin.)

I added the code and this is what I got:

Overall, it’s a huge improvement. Thank you so much!

Just one last thing: is there a way to create a little space under the date, like in the comments without the white reply box?

I think having a a little negative space between the date and the edge of the white box could maybe look a little cleaner.

1 Like

Yes, I think this is an issue that with your theme. Try adding a CSS rule that’s something like this:

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

You might need to adjust the 22px value to get the margin to match your site.

There’s another issue with your theme you might want to fix. WordPress uses ordered lists for comments, but uses CSS to remove the numbers from the list. If you don’t want to display numbers next to the comments, try adding a rule similar to this one from the Twentyninteen theme:

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

Yay! So much better, all around. That CSS did the trick.

Thank you so much, @Simon_Cossar! As always, you rock! :smiley: