Blogging    

How to Show WordPress Comments on New Page in 3 Easy Steps

Do you want to display WordPress comments on a new page and separate it from post content? I explained earlier how to install WordPress pop-up comments easily. Now try this tip which will open WordPress comments on a different page, and not a pop-up window.

This code works as a custom modification of the WordPress pop-up comments script and link code. We temporarily switched to this new comment system on our site and have been tweaking it. We now have new comments pages for every post if you are seeing this post in the test phase. See this example comments page below –

new comments page

Here is how to do it for your site in 3 easy steps…

1. Remove old comments system

Firstly you need to remove your original comment system from the single.php post page. This is essential to avoid reduplication of comments on both pages. This will typically look like this code.

<?php comments_template('', true); ?>

2. Create New Comments Link

Next, you need to install a link, which when clicked will lead you to the new comment system page. Here is how we have installed the code on our website.

<a href="http://yourdomain.com/?comments_popup=<?php the_ID(); ?>" 
class="btn btn-primary">
<?php comments_number('No Comments', '1 Comment', '% Comments'); ?></a>

Here again, we use the post ID to get the post. Then we use btn Classes using bootstrap to create a beautiful blue button. The link has three-part variables which will display when there are no comments, one comment, or any comments. You can choose to edit these three variables to show whatever content you like when these three comment situations are present. We prefer to add a post comment text also along with this link.

3. Create New Comments Page

Then you need to create a new file that will host all comments for the particular post. Here again you need to create new PHP file without FTP in your themes folder directly from WordPress admin. Since this is a blank PHP file, you need to source the comments system from the comments-popup.php .

This is the same file that was used to source content for the pop-up comments page. This file is typically located in/wp-includes/theme-compat/comments-popup.php. You can also find the source code for this file on Github.

So we have basically tweaked the WordPress popup comment system and used it as new pages on your website. Now your WordPress comments are on a different page and separate from a post content and you can style and edit this file as per your WordPress theme provides seamless integration with your site.

You can see this particular comment system live on our blog right now if you are seeing in the test phase. Post a comment and see.

Also Read – Why this helpful to remove user generated content from Google index and fix Google Panda penalties.

8 Comments

  1. astermen234 says:

    Normally with a tool like wordpress or otherwise… you have comments on your blog. Well I happen to know it’s possible to have comments on other pages that are built within WordPress.

    However I’ve googled it, I asked (never got a reply) WordPress forums and searched their site and I couldn’t find anything… but I’ve seen it (I forget the site I saw it on!!) and I wondered whether anyone could help me out?

    Someone who I asked said I need to call the comments page but i don’t know how to do that. Help?

  2. Prateek says:

    I have tried this before but it always opened a pop-up window. I am surely try it this way and BTW this looks great..

  3. Raj says:

    How about appending the URL to qot.com/wordpress-comments-on-new-page/comments/ You can drop blog post ID in the URL. Find the idea here: https://stormconsultancy.co.uk/blog/techtips/how-to-show-comments-on-a-separate-page-in-wordpress/

  4. surbhi says:

    Your article made the steps so easy to follow. Thanks for the guidance and reducing the effort.

  5. Utsav says:

    yeah really awesome tip.
    Thanks for sharing.
    I am applying this on my blog.

  6. Roman says:

    Awesome look.You also use it on the website

  7. azokatheo says:

    its a really great tips. let me give it a test

  8. Fabi says:

    This is what I have been looking for. Thanks a lot. it works perfectly!

Leave a Reply

Your email address will not be published. Required fields are marked *