wpvidZ

Learn WordPress With Video Tutorials

  • Blog
  • Browse
    • Backup & Restore
    • WordPress Localhost
    • WordPress Hosting
    • WordPress themes
    • Version Updates
    • Plugin Tips
    • Security
    • Tutorials
    • WordPress SEO
    • WP Miscellaneous
    • Sitemap
  • WP 5+ Tutorial
  • Search
wpvidZ Blog WordPress themes Remove Twenty Eleven Comment Bubble [WordPress Video]

WordPress themes

Remove Twenty Eleven Comment Bubble [WordPress Video]

Last updated on February 18, 2017
Posted on September 26, 2011

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;

twenty eleven comment bubble
The number of comment is now moved.

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:

wordpress twenty eleven comment bubble
The wording if there is no comment yet- replacable

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

  • Is my site loading fast? I use this shared hosting
  • Try my theme >

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.

bubble comment eleven remove twenty eleven

Latest Posts

  • Twenty Nineteen Theme Full Tutorial – Creating a Website
  • Uninstall W3 Total Cache Plugin – Incredibly Easy!
  • Create WordPress Website 2018 on SiteGround Genesis
  • WordPress Noopener Noreferrer Rel Attribute Quick Fix
  • WordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • Twenty Seventeen One Page Parallax Scrolling Website Style
  • How To Add Google Map in WordPress Contact Page
  • WordPress 4.7 Justify Text and Underline
  • Twenty Seventeen Footer “Proudly Powered By WordPress” Text
  • How To Add YouTube Subscribe Button To WordPress Website
← How to Rename Twenty Eleven Home Tab
→ Showcase Sidebar WordPress With Twenty Eleven Theme

Comments

  1. Roy says

    September 28, 2011 at 5:36 pm

    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!

  2. Kalen says

    December 29, 2011 at 9:13 am

    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?

    • Kimi says

      December 29, 2011 at 5:40 pm

      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.

  3. Kalen says

    December 30, 2011 at 4:39 pm

    Thanks! i will check your video out! Happy New Year to you too!!

  4. jeffrey says

    August 24, 2012 at 10:04 pm

    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.

  5. Peter Schreiner says

    October 20, 2012 at 11:15 pm

    Just what I was looking for. Thanks!

  6. Daniel says

    December 6, 2012 at 7:33 pm

    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!

  7. Andre says

    December 9, 2012 at 6:48 am

    Very Good!

  8. Steffi says

    June 28, 2013 at 4:33 am

    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?

Comment form on this post is closed after 60 days.

Search

Worth Reading

  • Twenty Nineteen theme tutorialTwenty Nineteen Theme Full Tutorial - Creating a Website
  • Twenty Seventeen One Page ParallaxTwenty Seventeen One Page Parallax Scrolling Website Style
  • Twenty Seventeen Proudly Powered By WordPress codeTwenty Seventeen Footer "Proudly Powered By WordPress" Text
  • Where your child theme folder should be located inside themesHow To Create WordPress Child Theme Manually or With Plugin
  • How to Remove Twenty Fourteen Author Name or Link
  • How I add thumbnails with Twenty Twelve theme
  • Change Default Green Color WP 2014 Theme
  • Showing Twenty Fourteen Thumbnail in A Smaller Size
  • How To Style WordPress Caption in WP Twenty Fourteen Child
  • Proudly Powered By WordPress Twenty Fourteen

Backup & Restore

Backup WordPress Without a Plugin or FTP

Export WordPress Database using phpMyAdmin

BigDump Alternative – When BigDump Failed Importing Large WP Database

At This Place The Current Query Includes More Than 300 Dump Lines

View All..

Live Online Website

View All..

Offline Installation

How to Upload WordPress localhost to live server manually

Steps to Install WordPress on Windows 8 and WAMP 2.4

Install WordPress on Mavericks OS X 2014

Maximum upload file size in WAMP WordPress

View All..


WPvidz Hosting Image

  • About Me
  • Contact
  • Affiliate Disclosure
  • Privacy Policy
  • Term of Use

Copyright© 2023 wpvidz.com SG2021 | sitemap.xml


WPvidz.com is independent from WordPress.org but is proudly powered by WordPress & its block-based editor (Gutenberg)

WpvidZ.com uses cookies" to give you the best browsing experience possible. If you click "I Accept" below then you are consenting to this. For more information about your privacy settings on this website, please visit the Privacy Policy page. I Accept