Hello, I'm Chris Murphy — I specialize in creating engaging, user-centric interactive experiences.

POSTED:
August 29, 2008
Comments: 8
Next Entry
Previous Entry

How To Quote Comments In A WordPress Comment List

Sometimes it's the little details that make WordPress themes really shine, other times it's the little features you can add that make working with a WordPress theme a nice experience for readers.

I received an email from a reader this afternoon, asking about one of the commenting features that I built into the Lemon Twist theme: quote comments.

Hi Chris,

I’m really curious on how you got that quote feature on your comment section. Do you mind sharing your code?

Cheers,
[author name omitted]

While this is not a new feature by and large, it is one that I thought would bring a sense of discussion to the linear WordPress comment format much like how forums work. I’ve attempted to use threaded commenting plugins, but they are ugly and overly complicated for something that should be fairly straight forward.

In any case, this is the JavaScript snippet that I wrote (you need jQuery, but comes with the theme)

// attach a function to the quote comment link
  $('a.quote-comment').click( function() {
      var tb = $('#comment');
      var strQuote = $(this).attr('title');
      // assign the value
      tb.val('<blockquote>' + strQuote + '</blockquote>');
      return false;
   });

This is the result:

There are a couple caveats to this feature

You can only quote one comment at a time, as I didn’t build in concatenation.
It is not parameterized so you’ll have to customize it for your own theme.
Requires some additional styling (no big deal).

If anyone wants to improve on this, feel free to share!

farfromfearless

Posted: August 29, 2008
Comments: (8)
Permalink
Follow This Post: RSS 2.0

farfromfearless on Twitter

[+]

Without a commitment to change, and a process that works, any tool is useless (via @elliotross) yup ;) 2 days ago
RT @LaylaGrace: Layla went to play with the angels early this morning. Rest in peace precious Layla. 11/26/2007 - 3/9/2010 (via @xensweetie) 4 days ago
Oscars are on and I'm on takeout duty -__- at least one of the orders is for Chinese :) 6 days ago
Crappity! Lost my Oakleys -__- 1 week ago
MUST READ: Editorial and CMS [...] From @erinkissane: In Defense of the CMS >> http://is.gd/9t007 #contentstrategy (via @halvorson) 1 week ago
More updates...

POSTED:
8 people have left comments
Add a comment

Comments on This Post:

Michael
Date: August 29, 2008
Time: 7:50 pm

Great stuff Chris, really appreciate your help.
adie
Date: August 31, 2008
Time: 9:59 am

Hi Chris, actually i drop by here for your great twilight saga theme, thanks! that was a great job. But when i walked around found this useful tips, once again, thanks!
Josh Budde
Date: October 19, 2008
Time: 8:28 am

Nice! I’ve been looking for something like this for awhile.
??????????
Date: December 23, 2008
Time: 4:31 pm

??? ??????? ??????, ??? ??? ?????? ?? ?? ???????? ????? ????? ??????. ?? ?????? ?? ?????? ?? ?????????????????? ???????????? ?????? ???? ?????????? ?? ?????? ?? ???? ?????? ??? ????? ???????? ??? ???, ??? ??????? ?????? ?????? ???????? ????????? ?? ???? ??? ?? ?? ?? ?????? ??????? ?? ??? ? ???????? ?????? ?? ?? ?????????? ??????????????? ?????? ??? ??, ??????????? ??????. ??? ???? ???????? ?????. ????? ? ???????? ???, ??? ????????????, ??? ?????? ??????? ?????????? 2001 ???? ????? ??? ?????????? ??? ??? ?????. ?????? ???????? ?? ??????????? ????? ???????????. ???, ??? ?? ???? ?????? ??????? ? ?????? ????? ??????. ?????? ? ?????? ????????? ??? ?????? ? ?????? ????? ??????. ??????????? ??????? ?? ???? ?????????? ????? ????? ????? ????? ???????? ????? ??????. ????????? ???????? ? ???? ??? ??? ????? ?????????? ????????? ?? ?????? ?. ??? ??????? ??? ???? ??????? ????, ??? ?????? ?????, ??? ????. ??????? ?? ???? ?????????? ????? ???????? ???????????? ? ???? ?. ? ??????????? ? ???? ??? ???? ???????????, ??? ????? ????? ? ??????? ???????? ?????. ?????? ? ?????? ??? ???????????? ?????? ??? ????? ??? ?????? ??????? ? ????????? ???? ????????? ?????? ?? ????????, ??? ????? ?????? ?????? ??????????? ?????? ??? ???????? ? ???? ??? ? ???????? ??????????? ?????? ??????.
????? ??? ???????? ????? ????????? ??????? ???? ???? ?????? ? ???????? ??????????? ? ??????????? ??????????. ? ????? ?????? ?????? ?? ??????? ??? ?????? ??????? ? ????????? ?. ???? ?????????? ??????? ? ??????? ??????. ???? ??? ???? ?????? ????? ?????????? ??? ???? ????? ??? ??? ???????? ????? ????? ????? ????? ? ? ??????? ?? ?????????? ?? ????? ??? ???????? ????? ????? ? ??????? ?????? ??? ??? ???? ???? ? ????? ??????? ????????? ????? ?????????.
? ????? ?? ????? ????? ?????????????? ??? ?? ??? ?? ? ???. ????? ??? ?????????????? ???? ???? ????????? ?????? ? ?????? ????????? ? ??? ?????????? ???????? ? ?????? ? ? ?? ????????? ?????? ??? ??? ?????? ??????. ?????? ?????????? ????????? ? ????? ?????????? ???????? ???? ?? ???????? ??????. ??? ???? ? ??? ??????????? ????? ????? ????? ? ??? ?? ??????? ??? ? ????? ??? ??????? ???? ? ????????????? ?????? ????? ?????? ?? ?? ??????? ?????? ???? ????????? ????? ?? ????? ?????????? ????.????????? ?? ??? ??? ???? ???????? ??? ????? ??????? ?????? ?????? ?? ?????, ????????? ???? ?????????. ????? ?????? ?????? ??? ????????? ????? ?? ????? ? ??? queen ?? ?????? ????? ??????????? ??????????. ??????? ?? ???? ? ??? ??? ? ???????????? ??????. ??? ?? ???? ??????????? ???. ? ??? ?????????? ?????? ??????? ?? ???????????????? ??????, ??? ????? ?????? ?, ??? ??? ??? ????? ?? ?????????? ??????????? ? ?????????? ????? ?, ????? ??? ???? ??, ??? ????? ??????? ?? ????.
???????? ? ???????????. ?????? ?? ???? ??? ?????? ????????? 2 ???? ??????? ????? ? ???????? ??? ?????????? ?????? ?????, ??? ??? ?????? ??? ????? ??? ?? ??????? ?????? ?????? ???? ????? ???? ??? ? ???????? ????????? ?????? ? ?? ???????? ????? ?????? ?? ? – ?????????????? ???????? 336% ? ???????. ??????? ????? ?????????? ???????? ? ??? ???? ????????? ???????????? ?????. ?????? ?????? ??? ??????????? ??? ?????? ???? ??????? ??????????? ???? ?????? ??????? ??????????? ???????????? ???? ??????? ????????? ??????? ???? ? ???? ???????? ??????? ?????? ???????? ????? ????? ?????? ????? ???????? ?????.
? ??????? ? ?????? ?????????, ????????? ???????? ???????????? ??????? ?????? ?????? ? ??????????? ?? ? ???????? ? ????. ?????? ???? ?????? ????? ?? ?????????????????? ?? ? ???? ?????????? ?? ?????? ????????? ? ???????? ?? ???? ??? ??? ??? ?? ????? ?????? ???????? ????????? ???????? – ?????????????? 336% ? ??? ?? ?? ??, ??? ?????? ????? ????????????? ? ???? ??????? ??? ?? ?????????? ??????????????? ?????? ????? ?? ??? ??????????. ?????? ????? ?????????? ? ?????? ? ?????????? ?? ? ?????? ? ???????????? ???????? ???? ?????? ??????????? ???? ???? ?????????? ? ??? ?????. ??? ????? ?????? ????? ??????? ??? ??????? ?????? ?? ?????????? 2001 ???? ???? ???? ???????? – ?????????????? 336% ??? ???????? ???????. ??????? ??????? ????, ??? ?????? ??????. ?? ????????, ??? ??? ????? ?????????? ???????????? ???? ???? ? ???????? ???? ??? ???????. ? ???? ??????????? ? ?? ?? ?? ??? ????? ??????? ??????? ???? ??????. ??????????? ??, ??? ?? ?????? ???? ?? ??? ?? ???????? ?????? ??? ??????????? ????? ?????? ?? ?????? ????? ?????????????? ???????? 336% – ?? ?, ???????? ????????? ???????, ????? ????. ??? ?????? ?? ? ? ??? ?????? ????????????? ???????????? ?????. ??? ??? ????????? ??????? ????????? ???????? ???? ?????. ??????? ???????? ? ???? ??? ?????? ???.
??? ????? ??? ???????????? ????? ? ?????? ??????? ??????? ????????? ? ????. ??? ????? ???????? ?????, ??? ???????????? ????? ?????????? ??????? ????????? ? ??????? ???? ??. ? ??????????? ? ?? ????? ??????????? ? ?????? ????? ??? ?? ?????? ??? ??? ??????? ????? ???????? ?????? ??????? ? ?? ? ????? ????. ?????? ?????? ??????? ???????? ???????? ?????? ?????? ??????????? ?????????? ?-? ?????? ??????? ?????? ???????? ??? ???????? ???? ? ??????? ???? ????? ?????? ?????? ??????????? ????? ??????? ???? ???????, ??????? ????????? ?????? ????? ?????. ??? ????? ???????? ????? ??? ?????????? ????????????.
?, ???? ????? ??? ????? ??????????? ????? ? ???? ???? ????????? ?????? ? ????????? ??? ????? ???? ????? ? ?????? ???? ??? ?????? ?????? ???? ? ????????? ???????? ? ?????. ?, ???? ? ????? ????????????? ????? ? ????? ??? ????? ?????? ??????? ? ????????? ???? ????????? ?? ? ???? ?? ? ???? ?????? ??????????? ??????? ????? ???? ?? ???????? ????????? ?-? ?????????? ????? ?????. ??? ???????????? ????? ?? ????????? ???????? ?, ??? ????? ????? ?????? ? ????????? ?? ?????? ????? ??? ??? ??????? ???????????. ?? ???? ??? ?????? ????? ?????????. ?? ???, ??? ???????? ??? ??? ???????? ?????? ????? ?????? ??? ???. ?-? ?????????? ????????? ?? ???????? ????? ???????, ???? ?????? ???? ??????? ??? ??? ?? ?? ???? ???????????????? ??? ???????? ?? ???? ??????. ?? ?????? ?????? ?????? ????? ???????? ??????? ? ???????????? ?. ?????? ?????? ?????? ? ???????????? ?????? ???????????? ?-? ?????????? ??????????? ??????????????? ????????? ?????? ???? ????? ?? ????? ????? ??????????? ????????, ??? ?????????? ? ????????? ????? ?????? ??? ???? ??????? ????????????? ???. ?, ???? ??????? ???????? ???????????? ?????? ???????????? ? ??? ????? ?????? ??????? ? ????????? ???????????? ???? ???? ?????????? ?-? ????????, ??? ????? ?????? ?????? ?????? ?????? ??? ???? ?? ??????? ????????? ?????? ?????????? ???? ?????.
?????? ???? ? ??? ?? ???? ?????? ?????? ??? ?? ???????? ????? ????????? ? ?? ????? ??????? ?? ? ??????? ?????? ??????? ????? ? ??????????? ???????? ???? ????? ??????? ? ???????? ????????? ?? ???????? ??? ??? ???????? ???????? ??????? ?????? ? ????? ????? ???????. ??????? ?? ????????: ??????? ??? ??????? ????? ????? ??? ????? ?????????? ? ??? ????. ??? ?????????? ???? ? ????? ???????? ??? ????? ? ??? ???????.
???? ??? ?????????? ????????? ?? ?????????????????? ????? ???????? ?? ?, ????????? ?? ?? ???? ? ????? ????? ???????? ??? ??? ??? ?????? ??????? ????????? ????? ????? ????? ? ???? ????????? ????? ??????????? ?? ?????????? ?? ??? ????? ???????? ????? ????? ?? ?????????? ??????????????? ?????? ????????: ??? ??????? ??????? ???? ????. ?????????? ????????? ?? ??????????? ?????? ??????? ???????? ??????????? ?????????? ?????????????. ? ?? ??????? ????????? ????? ????? ????? ????? ????? ?? ?????? ????? ???????. ? ??? ????? ? ? ????????????, ???? ?????? ????? ?????. ??????? ?? ?????????? ????????????? ????? ????????? ??????? ???????? ?, ??????? ??????? ? ??????????. ??????? ????????: ??? ??????? ???? ?? ??? ?? ???? ???? ?????? ?????? ??? ??? ??? ?????? ???????? ????????? ?????? ??? ??????? ?? ?? ??????? ?? ?????, ??? ?????? ?????? ?????????? ??????????? ?????? ????? ???? ??? ?? ???????, ??????? ?? ???? ? ???????. ????? ?? ?????????? ? ?????? ??????, ???????? ????? ??????. ??????? ????? ?????????? ?????? ?????? ?????????. ????????: ??? ??????? ??????? ??????????? ? ???? ???? ??? ? ??? ????? ?? ?????? ????? ????? ?????? ???????????? ? ???????? ???? ?????? ???????? ???? ????? ??????? ????, ??? ???????? ????? ??????????? ? ??? ????? ? ???????????. ??????? ???????????? ???? ????? ?? ?? ??????? ????. ? ??????? ??? ???? ? ????????, ??? ?????? ???????? ??? ??? ??? ???? ??? ??? ????????: ??????? ??????? ??? ????? ??.
?????????? ?? ???????? ???????? ????????? ??? ? ????????? ????? ????? ????? ?????? ????????. ????? ? ? ?????? ??? ?????? ??????????? ??????????? ????????????. ???? ?????? ? ????? ?????? ???????? ????? ?? ? ????? ?????????? ? ?? ???? ???????? ?? ?????????? ????????? ? ??????? ????? ?????????? ?? ?? ??????? ????? ?? ???????. ????????????? ??????? ?????? ????? ??????????? ????? ??????? ?????????.
??????? ? ??? ??????????? ??? ?????? ???????????? ???? ??????? ?????? ?????? ??????? ?? ?? ???? ????? ? ??????? ?? ????? ? ??????? ???????????? ?????? ?????? ?????? ?????????? ?????? ?????? ? ????? ???????? ???????? ???????? ? ? ?????. ??? ???????? ??????? ? ??????? ???? ?? ?? ???? ????? ??????????? ????? ????????????? ??????? ?? ?? ????? ??????? ?? ???? ?? ???? ?????????? ?????????? ?????? ?? ??????? ????? ??? ??? ? ? ?????? ?? ?? ??????????? ? ????? ? ???????????? ?? ?????? ???????? ??? ?????? ????? ? ?? ?????. ????? ??????? ??? ? ???????? ?? ???????? ??????????? ???????????? ????? ??? ??. ???????? ????? ? ??? ?????? ???? ?? ??????? ????????????? ????? ??? ??????? ??????? ??? ?? ???????? ?????????? ??????? ?? ???????? ????? ?? ?????????? ????? ? ?? ??????? ????????? ????? ????? ????? ???????? ????????? ??????????? ? ????????????? ????????? ???????? ???????? ?? ??????? ? ????? ??? ??? ???? ? ??????????????? ????????????. ?????? ???????????? ???? ???. ?? ? ?????? ???????? ???????? ?? ?????????? ???????? ???????? ??? ? ????? ????????????? ??????? ????????. ?? ??? ?????? ????????? ?????? ?????? ????????. ? ??????? ?????? ????? ??????? ?? ? ???????? ? ??? ??? ?????? ?? ??????????? ?? ???? ??? ???? ?????. ?????? ???? ????? ?? ?? ??? ??? ???. ????????????? ??????? ? ??? ???????? ????? ???????? ??? ??? ?? ???? ?? ????? ??????? ???????? ???????????? ?????????? ??? ????????. ? ???? ? ???? ????? ????? 5 ??????????? ????? ???? ?????? ?? ?????? ??????? ????? ??? ??? ??????? ? ? ????????????? ??????? ? ???.
justme
Date: January 12, 2009
Time: 2:38 am

Nice! I’ve been looking for something like this for awhile.

just testing

These tags works on any wordpress blog?
Chris Murphy
Date: January 12, 2009
Time: 8:43 pm

justme — the script is quite specific for this site, but you can modify it to work with your blog.
Tod
Date: August 16, 2009
Time: 8:32 am

Thanks. Your post helped me to make quote comments in one of my blogs.
sooran
Date: September 15, 2009
Time: 4:42 am

Tanck
Very GooD