Support » Themes and Templates » Adding comments bubble to custom theme

  • nickharambee



    I have designed a custom theme for WordPress, which you can see here.

    I would like to add the comments bubble from the Twenty Eleven theme to my theme, and it looks like this could be somewhat complicated. I am wondering if someone can post the instructions for how to do so here or a link to a tutorial. I have done some searching but haven’t turned up much of use.



Viewing 6 replies - 1 through 6 (of 6 total)
  • mxpimp47


    I have just done this. Its pretty easy. One problem I am having is just displaying the number of comments. If none I want a blank bubble. I have tried inserting this code from the codex with no luck –

    link to code

    this is the code that all is needed for the comment bubble to work.-

    link to code

    any help with just displaying the number would be greatly appreciated!



    nickharambee —

    You would go into /twentyeleven/images and grab the comment-bubble.png file from in there and move it into your theme.

    Create a DIV for it to be displayed in…

    <div class="comment-bubble">
       <a href="<?php comments_link(); ?>">
          <?php comments_number( 'No Comments', '1 Comment', '% Comments' ); ?>

    Then for the CSS do something like…

    .comment-bubble {
       background-image: url('images/comment-bubble.png');
       width: 43px;
       height: 36px;

    That should get you started.

    mxpimp47 —

    You can just use comments_number() like so…

    <?php comments_number( ' ', '1 Comment', '% Comments' ); ?>



    I forgot to mention that I am having trouble with the intense debate comment plugin overriding the default comment view count. When im not running the intense debate comments its awesome and works fine. But Its showing right now the words “comments (0)” and I cant find anywhere to change it….



    I got it, when you login to intense debate, you go to settings/misc and then change the way its displayed on the count. Hope that helps anyone if they ever have the same issue I did. Thanks JarretC for your suggestion.

    @nickharambee the link to the code I sent and what JarretC said should get you running. Im sure you will want to use the same chunk of code he posted above. There is several variations of displaying comments.

    Thanks a million, mxpimp47! Your little trick for displaying Intense Debate comments was very helpful!

    no problem jummy

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Adding comments bubble to custom theme’ is closed to new replies.