WordPress Twenty Eleven Customizing Tips and Tricks

Spread the love

We all already know that WordPress Twenty Eleven has already been a popular theme for the bloggers for its various advantages.Today we just got the latest version of WordPress Twenty Eleven theme.But there are also some boring part in Twenty Eleven theme.I am going to describe you how to customize those boring parts and make your Twenty Eleven theme more beautiful by customizing.Below i am describing some tips and tricks.Hope this will help you.

WordPress_Twenty_Eleven_Theme_Customize

WordPress Twenty Eleven Theme Customize

1. How To View Summary of Post In WordPress Twenty Eleven:

If you want to show only the summary of your post with a thumbnail and after the summary “Continuing Reading ” will be there then you need to select the format of the article as “Gallery”.While writing the article in the dashboard you will see the “Format” tab and you need to select it as “Gallery”.This is it.Now if people click on the title of your post then the full post will show in an other page with full view in your Twenty Eleven theme.

2. How To Eliminate “This Gallery contains — photos” or How To Customize Gallery View:

In WordPress Twenty Eleven if you want to show only the summary of your article then you need to select Gallery in the Format.After that the post summary will show with a thumbnail image.But there is one problem.Just below the post title it will also show that “This gallery contains — photos”.If you want to remove this from the view then you need to change in the content-gallery.php file.To make this change go to your Dashboard>Apperance>Editor and then you will get the content-gallery.php file in the right hand side bar.

Now click on content-gallery.php and search for the below part:

<p><em><?php printf( _n( 'This gallery contains <a %1$s>%2$s photo</a>.', 'This gallery contains <a %1$s>%2$s photos</a>.', $total_images, 'twentyeleven' ),
						'href="' . esc_url( get_permalink() ) . '" title="' . sprintf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ) . '" rel="bookmark"',
						number_format_i18n( $total_images )
					); ?></em></p>

Now what you need to do is, you need to delete the upper part and save.

Caution: Before doing it please make sure that you have back up of your code.If you make any thing wrong then it will be a great problem.So, copy and paste all the codes in a notepad and then make the changes.

If you do the above things correctly then you will see that the line “This Gallery Contain — photos” now showing.

Read More WordPress Tips:

  1. How To Add A Google Plus Button In Your WordPress Blog?
  2. How To Customize Your WordPress Header With A Stunning Picture?
  3. Change “Footer Text” Of Your WordPress Blog
  4. How to Add Blog In Technorati – To Get The Maximum Exposure!
  5. How To Add Sidebar To Single Post Page In WordPress Twenty Eleven?
  6. Add Google Adsense Below Blog Header In WordPress 3.2 Twenty Eleven
  7. How To Make Google Custom Search Engine For WordPress Blog?
  8. Prevent Spam Comments in WordPress Blog
  9. WordPress Twenty Eleven Customizing Tips and Tricks
  10. WordPress Plugin to Add Multiple Author Under Same Profile
  11. Best Subscribe Widget Plugin for WordPress – Tips to Add
  12. How to Enable Email Subscription of Your Blog?

3. How To Remove The Border Around The Picture :

Your Twenty Eleven theme by default is having one boarder in Grey color and sometimes it looks very odd.So, how to eliminate the border of the image and make it white?This is very simple.You just need to go to style.css file and after clicking it you need to search for img[class*=”align”], and then you need to make  the border:none so the whole line will look like below and now save and i hope you will be able to remove the border of the image.

img[class*=”align”], img[class*=”wp-image-“], #content .gallery .gallery-icon img

{border: none;}

You can check my post How To Add Sidebar To Single Post Page In WordPress Twenty Eleven?  if you are facing the problem to show sidebar on single post page.

4. Change Widget Text Color In Twenty Eleven:

If you want to change the Widget Text Color, Text Size and Text Weight then just look for the below code:

.widget-title {
color: black;
font-family: times New Roman;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
}

Try to customize it.If you need red font color for widget title then use red instead of black.You can change the font size by changing the font size and also the weight of the text.

5. How To Change The Back Ground Color of The Widget Title:

If you want to change the background color of the Widget Title like i have done in my blog you need to look for the below code:

.widget-title {

Just after this code you need to put the below code:

background-color: #4B5BB5;

You can put any color instead of my color.To change the color you can go to HTML Color Code and change and customize your color accordingly.

6. How Put A Text Notice In Your Blog :

If you want to put a text notice in your Twenty Eleven WordPress blog in the sidebar then you need to go to Widget and you need to add “Text Widget” and in that you need to write what you want to display.For example, if you want to write “Write for my blog.You will get backlinks.” then write it and if you want to make it bold then you need to put <b>”Write for my blog.You will get backlinks.” </b>

If you want to show it in two lines then you need to put <hr> in the middle of the two lines.

7. How To Show Widget Border In Twenty Eleven :

If you want to show widget border in Twenty Eleven then you need to go to the Style.css file and then you need to look for :

.widget {

Then you need to make the widget loop like below:

.widget {

border-bottom: 1px dotted grey;
clear: both;
padding: 15px 0 20px;
}

Caution: Before doing this please back up your codes in a note pad for safety.

8. How To Make The Text Alignment Of Widget Title “Center”:

In Twenty Eleven theme you will see that the text alignment of the “Widget Title” is left aligned.Which is not good to look at all.If you want to make the alignment of the “Widget Title” center then you need to search for the below code in style.css :

.widget-title {

Then just add the below code to align the text in center:

text-align:center;

Now save and you are done.Now the text of the widget title will get centered.

I hope that the above tabs will help you to customize your Twenty Eleven theme a lot.I will share more tips & tricks with you.If you like this article then please share this or like this or leave a comment.This is what i need from you in return.

Himadri Subrah Saha

Himadri is an ICT Professional who writes for his technology tips & tricks related blog TechnTechie. Though it is hard to balance time in between professional life and blogging, he still manages time to work for his own blog and writes almost regularly. The dashboard of this WordPress is the only place where he does not feel tired! Read my other blogs @ PetCare and Teleinfo

0 0 votes
Article Rating

Subscribe
Notify of
guest

3 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
fancynumbers
fancynumbers
11 years ago

how to remove the date while you posting a post

techntechie
techntechie
11 years ago

@Fancynumbers…to remove the date while posting you can use the code below :

.entry-meta {
clear: both;
color: #666666;
display: none;
font-size: 12px;
line-height: 18px;
}

Let me know if it helps!

friend
friend
11 years ago

Thank you. Your tricks help me a lot.

3
0
Would love your thoughts, please comment.x
()
x