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:

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

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.

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:

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:

Привет, @simon,

Я просто хотел узнать, как дела. Мне всё ещё очень хотелось бы увидеть более аккуратное отображение ответов, цитат и комментариев на WordPress.

У тебя нашлось ли время посмотреть на это?

Я, конечно, пойму, если нет, но хотел просто сообщить, что это для меня действительно важно. Несколько моих читателей уже писали, что в текущем формате следить за обсуждением сложно. Думаю, если копии на WordPress станут чуть понятнее, это может подтолкнуть больше людей попробовать Discourse на моём сайте.

Спасибо за отличную работу над этим плагином. Это действительно здорово и очень ценится. :slight_smile:

Я изучаю возможности либо обозначать, что комментарий является ответом, либо добавлять ссылку «Ответы» под комментариями, у которых есть ответы. Необходимые для этого данные в настоящее время не передаются из Discourse в WordPress, но, похоже, это можно реализовать с помощью довольно небольшого изменения в Discourse.

Да, стили по умолчанию для этого не очень хороши. Вы можете улучшить их, добавив следующее правило в CSS вашей темы:

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

С темой WordPress twentyninteen это даст что-то вроде этого:

Ожидается, что сайты будут стилизовать комментарии в соответствии со своей темой, но стили, включаемые при активации опции «Загрузить CSS комментариев», должны служить разумной отправной точкой. Я очень скоро добавлю в плагин что-то вроде правила CSS, которое я привёл выше.

Привет, Саймон,

Как-то я упустил это. Спасибо за совет по CSS! После его добавления я перешёл от:

к:

Что, безусловно, является улучшением. Но моя тема всё ещё добавляет эту странную рамку. Я пытался просмотреть CSS, но там много ссылок на «рамки», и мне трудно понять, что именно за них отвечает. (Мой уровень владения CSS невелик.)

Есть ли у тебя какие-нибудь советы, на что обратить внимание в моём CSS, чтобы убрать эту рамку, чтобы я мог более точно воспроизвести то, что тебе удалось сделать с темой twentynineteen?

Я пойму, если у тебя не будет времени. Я продолжу пытаться разобраться сам. Но большое спасибо, что помог мне продвинуться так далеко! :slight_smile:

В следующем обновлении плагина будут внесены некоторые улучшения в CSS по умолчанию для цитат.

Это изменение должно исправить выравнивание по правому краю блока цитаты и его заголовка на вашем сайте. Оно также должно решить проблему с границей. Этот 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, чтобы отступ соответствовал вашему сайту.

Есть ещё одна проблема в вашей теме, которую стоит исправить. WordPress использует нумерованные списки для комментариев, но с помощью CSS убирает номера из списка. Если вы не хотите отображать номера рядом с комментариями, попробуйте добавить правило, похожее на это из темы Twentyninteen:

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

Ура! Всё стало намного лучше. Этот CSS сработал.

Огромное спасибо, @simon! Как всегда, ты супер! :smiley: