• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Home
  • Privacy Policy
  • Terms of Use
  • FTC Statement
  • Sitemap
  • About and Contact

Build A WordPress Website

Using WordPress as a Content Management System and Blog

  • Home
  • WordPress Install
    • WordPress Hosting
    • An Easy Way to Install a WordPress Website
  • WordPress Setup
    • Getting the WordPress Options Right
  • WordPress Plugins
    • WordPress CMS Plugins
    • WordPress SEO Plugins
  • WordPress Themes
    • Free WordPress CMS Themes
    • WordPress CMS Themes
    • Basic Theme Header Changes
  • Manual
    • Choose between Pages or Posts
  • Resources
You are here: Home / Archives for Themes

Themes

7 Tips to Customize WordPress Twenty Eleven Theme

Filed Under: WordPress Themes August 21, 2016

A lot of WordPress websites are built upon, and still use, the previous default WordPress Theme Twenty Eleven. I will show you 7 tips that you can use to customize the Twenty Eleven Theme.

The WordPress Twenty Eleven Theme

With most of the tips, you don't even need to know much about PHP coding, just how to install a special Twenty Eleven plugin.

Tip 1: Install WordPress Twenty Eleven Theme Extensions

Twenty Eleven Theme Extensions is the plugin you want as it can solve most of the problems people are facing with Twenty Eleven.

To install this plugin go to Plugins -> Add new -> Search Twenty Eleven Theme Extensions and select it from the list.

Click on install and confirm that you want to install it. After installation make sure you click the active option.

You should now see an extra option under Appearance called Theme Extensions. We will go through the options in this post as most of the options  you want to change.

Twenty Eleven Theme Extensions Options

Tip 2:  Twenty Eleven Sidebar on All pages

If you look at the default layout of the Twenty Eleven theme you will see that the sidebar is only visible on the Home page.

But you want to have that sidebar on all pages, including posts. If you only want it on pages, you can select that option via the  Page Attributes in the right side menu of your edit screen.
Page Attribute Sidebar Template Option

Unfortunately, that means you have to do that on every page and you still wouldn't have the sidebar on posts. To change this, click the upper two options in the extensions plugin settings.

Twenty Eleven Sidebar on All Pages

 Tip 3:  Change the Header Image and Size on Twenty Eleven

The default header size for the Twenty Eleven Theme is 1000 width x 288 pixels in height.  Which is pretty high and takes a lot of space on your screen. You can easily change that with the extensions option Change the height of new images.
Twenty Eleven Theme Header Change

If you already have some headers installed, make sure you check the second option as well.

Better would be to create and upload new images in the right format or crop them upon upload.

You can upload new header images via Appearance -> Header -> Choose or Upload a new header file. Once you uploaded more than one header file you can switch the headers automatically by selecting the Random option.
Twenty Eleven Header Uploads and Selection

Note: Did you know you can set a special header for each post or page? Create a special header in the same size as the standard one (here it is now 1000 x 175 pixels) 1000 x 288 is the Twenty Eleven standard format.

Now go to the page or post you want that header to show up and select the option Featured Image, upload or select the header and update the page / post.
Featured Header Image Option

Tip 4:  Twenty Eleven Theme Change Menu Color and More

One of the most asked questions on Twenty Eleven is how to customize the Menu Color and other items like the link colors and text color. With the extensions plugin, you need to check the Custom Color option to get this done.

Twenty Eleven Custom Colors

Once you activate that option you get new selections in the Appearance -> Theme Options. You had a few options on that in the standard theme options, now you get a big list of things you can change.
Customize the colors on Twenty Eleven
For the menu color change look for Menu Background Color, Menu Highlight Color and if needed Menu Text Color.

You can select the colors from the button next to the color, or put in the hex (#de000a).  If you want color suggestions, check out http://www.colorhexa.com/ and http://www.colorcombos.com/

Tip 5: Remove Search from Twenty Eleven Top

As we have the last option in the extensions called Custom Style we can use that directly to remove / hide the Search Option in the top title area. Activate the Custom style option and place this code in it:

/* Search Form */
 #branding #searchform {
 display: none;
 }

So you should end up with this:
Twenty Eleven Remove Hide Search

Tip 6:  Remove / Hide Twenty Eleven Topmenu  Navigation

Some people don't like to have the Top Navigation menu below the header image and only want to use a custom menu in the sidebar.
Twenty Eeleven Main Navigation Menu

If you also want to remove that menu, then this simple trick is for you. First, create a custom menu, let's call it Blank. You leave that menu empty, so not even a Home link. Now set that Blank  as the primary navigation option and check your website, you should not see the navigation anymore.

Custom Blank Menu

Example, Twenty Eleven with smaller header and no main navigation bar.
Twenty Eeleven Main Navigation removed

Tip 7: Remove the Comment Function from Twenty Eleven Pages

On Twenty Eleven pages you can see that there is also the possibility to comment on that page.

If it's a real static page, like a contact form or a sitemap, you don't want people to comment on the content of that page.

I only want comments on my posts, not on pages. So the option to disable all comments is not an option. Instead, change the screen options display when you are in the edit screen for a page.

Start with the screen options tab (upper right corner)
WordPress screen display options
On that screen enable the Discussion option by checking it, this will display the Comments option below your main content edit screen.
D:Afbeeldingenitmentorwordpress-discussion-options.png
Uncheck both options and the comments form will be gone from your page. You need to do this on all current and new pages!

Bonus Tip: Remove / Customize Proudly Powered by WordPress from Twenty Eleven Footer

In this case, we do need to work on a core file from the Twenty Eleven Theme, especially the file called footer.php

It would be better to do this on a Child Theme, but for this purpose, it will not be such a problem. You just need to make sure you do it again it there should come an update for the Twenty Eleven Theme.

Go to Appearance -> Editor -> Open the file Footer (footer.php)

Search for <div id="site-generator">

You need to replace the code between that code and the first </div> after that code. replace the code:

<?php do_action( 'twentyeleven_credits' ); ?>
<a href="<?php echo esc_url( __( 'http://wordpress.org/', 'twentyeleven' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentyeleven' ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentyeleven' ), 'WordPress' ); ?></a>

With

<p>Copyright © - <?php echo date('Y'); ?><a href="http://www.example.com" rel="nofollow"> Special Example Link Website</a></p>

Change www.example.com with your own URL and the text for the link to fit your website. All done, you should see your own text in the footer and it should link back to your homepage.

Other Twenty Eleven Theme customizations?

Above are the most request changes for the WordPress Twenty Eleven theme. Did they work for you? Or do you have extra needs or idea's or suggestions?

Please let us know in the comments below!

By Herbert-Jan van Dinther Filed Under: WordPress Themes Tagged With: Customize, Themes, wordpress 69 Comments

Primary Sidebar

Advertisements
StudioPress Theme of the Month

Get Free Updates!

New Articles right into your inbox, sign up for free now!

P.s. I won't Spam You or Sale Your Mail Address

FTC Disclosure

Disclosure: Please assume that any outbound link is an affiliate link, which means we may receive a commission in the event you click a link and make a purchase. Just so you know, affiliate links do not result in you paying a penny more. Read more...

Start Your WordPress Site!

Get your own WordPress site started::
  • 1. Get Website Hosting.from GreenGeeks.com and use their easy WordPress installation script.
  • 2. Get a Cool WordPress Theme, I recommend themes from
    StudioPress.com and Elegant Themes
  • P.S. This site is build on Metro by StudioPress.

Popular Articles

  • 7 Tips to Customize WordPress Twenty Eleven Theme
  • How To Make WordPress Look Like a Website
  • How to Build a WordPress Website
  • How To Upgrade Old Version of WordPress
  • WordPress Introduction
  • WordPress Resources
  • Basic Theme Header Changes
Advertisements
Elegant Themes - Premium WordPress Themes

Topics

  • Weblog News
  • WordPress Blog
  • WordPress CMS
  • WordPress Plugins
  • WordPress SEO
  • WordPress Setup
  • WordPress Themes
  • WordPress Video

Footer

Most recent Articles

  • Spice Up Your Site With WordPress Shortcodes Ultimate
  • Keeping WordPress Up To Date and Secure
  • How To Upgrade Old Version of WordPress
  • 20 Basic WordPress Plugins for Your WordPress Website
  • 7 Tips to Customize WordPress Twenty Eleven Theme

StudioPress WP Themes

Advertisements
StudioPress Theme of the Month

WordPress Themes

Elegant Themes
StudioPress.com
ThemeForest
Mojo Themes

Copyright © 2023 Build a WordPress Website · Design Metro Theme by StudioPress