Twenty Eleven Comment Bubble
The default theme of WordPress current version is without question a great looking theme.
Starting from having an option where you can have TwentyEleven sidebar on the right of left, you also have so many abilities to change your site’s background, working with drop down menu, etc.
But of course apart of there are happy users about how this template looks, there must be some people who are not satisfied in some parts of this theme feature.
I personally like the cleaness and all, but I don’t really like the Twenty Eleven comment bubble that shows up in index page or home page.
I do really like the numbers where displays how many comments you are having, but I don’t really like the bubble’s image as the background.
Of course you can replace the image, but in this post, we will not discuss about changing or replacing the image, but I will show you how to remove Twenty Eleven’s comment bubble.
What we are going to do with this Twenty Eleven comment bubble
As mentioned in above paragraph, we will completely remove the bubble’s background and the number.
After it’s all removed, we will add the code where it will display the usual standard comment number and “leave a comment” text under your blog post title. (related: good blog title or names).
This is the screenshot;
In the screenshot above, you see that after the blog post’s title (red highlighted), we will have the “Posted on” wording, and then author, and the numbers of the comment that post has.
Notice that in the default TwentyEleven theme, it won’t show that number, but showing Twenty Eleven comment bubble.
And when there is not yet a comment in the associated post, you will see the wording, “Still no comment yet, leave a comment?”
Screenshot:
In this case, you can replace that wording as you wish. I will show where, in the coming paragraph.
Video tutorial how to remove Twenty Eleven Comment Bubble
Here are the steps and the video guide tutorial
Video tutorial
Steps:
1. Access your blog files (wp-content) via FTP or login to your cPanel, and go to wp-content folder, and then “theme” then we will copy original content.php of TwentyEleven theme and copy it into child theme. (Yes, we are using TwentyEleven child theme in this demo, for reference, my previous video tutorial how to create Twenty Eleven child theme video).
2. Now inside the child theme folder (in this demo, I name the folder as, “MyTwentyEleven”), open content.php by clicking “code editor” icon in your cPanel.
3. Inside the content.php, look in the line 28 until 32, and find these codes:
<?php if ( comments_open() && ! post_password_required() ) : ?>
<div>
<?php comments_popup_link( '<span>' . __( 'Reply', 'twentyeleven' ) . '</span>', _x( '1', 'comments number', 'twentyeleven' ), _x( '%', 'comments number', 'twentyeleven' ) ); ?>
</div>
<?php endif; ?>
You can comment that code, or delete them, in this tutorial, I deleted them.
4. Next, we want to add the number next to the posted on meta of the post with this code:
| <?php comments_popup_link( __( 'Still no comment yet, leave a comment?', 'twentyeleven' ), __( '1 Comment', 'twentyeleven' ), __( '% Comments', 'twentyeleven' ) ); ?>
Paste that above code next to this code: (line 24 of content.php)
<?php twentyeleven_posted_on(); ?>
Screenshot:
Note: The red font of the codes above, is the part that you can replace with wording or text as you want.
5. Save files whenever you make changes, and refresh your browser to test.
If necessary clear your cookies. That’s how we can remove Twenty Eleven comment bubble.
I like this tutorial! Using the twentyeleven theme, and the dark color scheme, I’m having a tough time making the navigation completely black #000000 and the blog area completely black #000000. I don’t want almost black, I want completely black. Can you do a tutorial on how to do this? Thanks!
I like your tutorial! it’s very useful for me as newbie like me =) But I have a question. I have a “wordpress” at the left bottom at the footer. Can I ask how do i remove it?
Hi Kalen!
Welcome to my blog, and thanks for your nice words.
With Twenty Eleven, I haven’t checked out how to alter the footer yet, but with Twenty Ten theme, I have posted a video how to do it:
https://www.wpvidz.com/wordpress-copyright-footer-all-rights-reserved/
I am planning to post a tutorial about it, but due to new year holidays, it may need some times.
Feel free to subscribe to receive updates, or you can try tutorial above, by installing wordpress in your computer (NOT in live blog) with this guide:
https://www.wpvidz.com/install-wordpress-offline-wordpress-on-mac-or-windows/
And then try to alter footer from this local blog.
Happy New Year to you!
Kimi.
Thanks! i will check your video out! Happy New Year to you too!!
hi
what a great tutorial
i got it working
i think the child theme editing way is excellent.
do you think its better to simply remove all these comment code blocks if my website is not going to have any comments on it? either for pages or for blog? it will be comment free. too much spam to deal with.
Just what I was looking for. Thanks!
Dear Kimi:
I wanted to thank you for your excellent tutorial & video on comment modification in WP. I used your techniques to customize our customer testimonial pages at http://www.ChintiminiFarm.com.
I felt it was important to change the default behavior of WordPress comments in the twenty eleven theme, because I did not want to make users have to perform an additional step (clicking the “X replies” link) to have to see nice testimonials.
I was able to use your technique, plus the template hierarchy, to display full comments for a designated category (“testimonials”). So I’m very, very happy. Thanks again!
Very Good!
Thanks, this works great for STANDARD format posts. But it does not remove the bubble from IMAGE format posts. Do you know how to do that?