Disqus Latest Comments Addon

Description

Display your latest Disqus comments in a page, post or widget.

How do I use it?

Step 1: register for an API key

To use this plugin you need to register for an API key.

  1. Go to the Disqus applications website and log in
  2. Click on the ‘registering an application’ link
  3. Enter the required information – label, description and website
  4. Click the ‘Register my application’ button
  5. Click on the ‘Details’ link at the top of the page
  6. Scroll down to the ‘API Key’ field and copy the value into the setting above

Step 2: install and setup the plugin

  1. Install and activate the plugin
  2. Browse to the ‘Settings’ -> ‘Disqus Latest Comments’ menu
  3. Add in your Disqus shortname and API key
  4. Include the [disqus-latest] shortcode in the page, post or widget where you want the latest comments displayed

What options are there?

  • Number of comments listed
  • Show or hide avatar images
  • Show or hide moderator comments
  • Size of avatar images
  • Use relative (1 day ago) or absolute (1/1/2000) time
  • Comment length to show
  • A choice of three pre-configured styles – grey, blue and green or the ability to use your own custom CSS
  • Ability to bypass caching (for debugging)
  • Ability to make linked Disqus usernames open in a new window (target=’_blank’)

You can see a working example of the plugin at www.itsupportguides.com.

Screenshots

  • This screenshot shows the comments that are displayed on the front end with the 'Grey' style applied.
  • This screenshot shows the options for configuring the plugin.

Installation

Step 1: register for an API key

To use this plugin you need to register for an API key.

  1. Go to the Disqus applications website and log in
  2. Click on the ‘registering an application’ link
  3. Enter the required information – label, description and website
  4. Click the ‘Register my application’ button
  5. Click on the ‘Details’ link at the top of the page
  6. Scroll down to the ‘API Key’ field and copy the value into the setting above

Step 2: install and setup the plugin

  1. Install and activate the plugin
  2. Browse to the ‘Settings’ -> ‘Disqus Latest Comments’ menu
  3. Add in your Disqus shortname and API key
  4. Include the [disqus-latest] shortcode in the page, post or widget where you want the latest comments displayed

FAQ

Installation Instructions

Step 1: register for an API key

To use this plugin you need to register for an API key.

  1. Go to the Disqus applications website and log in
  2. Click on the ‘registering an application’ link
  3. Enter the required information – label, description and website
  4. Click the ‘Register my application’ button
  5. Click on the ‘Details’ link at the top of the page
  6. Scroll down to the ‘API Key’ field and copy the value into the setting above

Step 2: install and setup the plugin

  1. Install and activate the plugin
  2. Browse to the ‘Settings’ -> ‘Disqus Latest Comments’ menu
  3. Add in your Disqus shortname and API key
  4. Include the [disqus-latest] shortcode in the page, post or widget where you want the latest comments displayed
How does this work?

This plugin uses the Disqus API to get the latest comments for the given Disqus account.

Example custom CSS style

The below can be used as a template when creating your own custom style. This can be pasted into the ‘Custom CSS’ option when the custom style is selected.

/* the entire list */

.dsq-widget-list {
display: block;
}

/* each comment item */

.dsq-widget-item {
position: relative;
}

/* hover over style for each comment item */

.dsq-widget-item:hover {
background: #f6f6f6;
}

/* the avatar image in each comment item */

.dsq-widget-avatar {
display:block;
}

/* the Disqus user name */

.dsq-widget-user {
display:block;
}

/* the comment */

.dsq-widget-comment {
display: block;
}

/* paragraph that contains the link to the post and day */

.dsq-widget-meta {
display:block;
}

/* make the post title bold */

.dsq-widget-meta a:nth-child(1) {
font-weight:800;
}

Reviews

Instructions point to menu Disqus page that doesn’t exist

I’m sure this runs OK, though saying going to settings menu etc, these don’t exist in my account where it says. I assume I know the replacement, but since the plugin didn’t work I can’t confirm what it was. Would be nice to be updated to clear instructions, then I’m sure it’s 5 stars.

Read all 5 reviews

Contributors & Developers

“Disqus Latest Comments Addon” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

2.0.2

  • Fix: resolve issue with comments repeating where no author profile picture.

2.0.1

  • Security: fix XSS vulnerability by encoding messages.

2.0.0

  • Feature: Major update to use Disqus application API (previously used JavaScript API)
  • Maintenance: Complete rewrite of code base

1.9.0

  • Feature: add minified JavaScript and CSS

1.8.0

  • Feature: add option to hide moderator comments. See settings page (wp-admin -> Comments -> Disqus Latest Comments page – “Hide moderator comments”)

1.7.0

  • Maintenance: update instructions on how to find Disqus shortname on Disqus website
  • Maintenance: improve internationalisation (i18n) for translating plugin to other languages
  • Maintenance: move JavaScript to external file
  • Maintenance: move CSS to external files
  • Maintenance: add plugin ‘Settings’ link in WordPress administration plugins page
  • Maintenance: improve input and output sanitisation

1.6

  • Feature: Improve support for HTTPS websites.

1.5

  • Feature: Add ‘Custom’ option for styles. Allows you to enter your own CSS styles from the configuration screen.
  • Maintenance: Moved CSS load in page footer using wp_footer action.
  • Maintenance: General formatting of plugin code to make it more readable.

1.4.1

  • Fix: Resolve issue introduced in version 1.4.1.

1.4

  • Feature: Added ability to make linked Disqus usernames open in a new window (target=’_blank’). Enabled from options by ticking ‘Open Disqus usernames in new window’.

1.3

  • Feature: Added translation options to translate Disqus time terms (for example ‘days ago’).

1.2

  • Fix: Resolved issue with using shortcode in widget areas – where comments would appear before the widget title.
  • Maintenance: Tidy plugin code.

1.1

  • Feature: Added ‘Bypass Cache’ option in case website caches Disqus API requests.
  • Fix: Resolved issue with Avatar Size and Excerpt Length not working.
  • Fix: Changed Avatar Size to use only the three supported Disqus avatar sizes – 35px, 34px and 92px.

1.0

  • First public release.