101 Ways to Design Thesis Theme to Create Awesome Website

For some time now, we at Fourblogger have been posting more than 100, free Thesis Theme customization tutorials for design a thesis website and have even released a free Thesis customization e-book. Finally, we have decided to launch our ultimate Thesis Designer Guide. And also we launched Thesis Skins for Thesis Theme.

Why did we launch Thesis Designer Guide?

Nowadays, there are a large number of thesis customization tutorials available on the web. As such, every thesis designer just copies and pastes the code which they think will give them the right website design. Unfortunately, they usually don’t get the website look that they want. Once they find out, they will then resort to hiring a Thesis designer who usually asks for a very high contractual price.

Instead of doing that, they can learn to design their own thesis theme and get the website design of their dreams practically free. It is for this reason that we launched the Thesis Designer Guide.

I am giving some 101 thesis theme design tips. These 101 ways will become the foundation to be able to customize your Thesis theme any way you want.

Design Thesis Navigation

  1. Add navigation below Header
  2. Add navigation above header
  3. Add navigation overlay the header right side
  4. Add double navigation, one is below header and another one is above header
  5. Add double navigation, both in below header or both in above header
  6. Add background color and image for navigation and menu tab
  7. Add different background color and image for each menu tab
  8. Add menu separator for each menu tab
  9. Add Google Custom Search box in Navigation
  10. Add Thesis Search box in navigation
  11. Add Dropdown menu in navigation

Design Thesis Header

  1. Add Logo in header
  2. Add clickable logo in header
  3. Add Logo Tagline in header
  4. Add Navigation in header
  5. Add Full width header
  6. Add Page header
  7. Add Clickable header
  8. Add Rotating header
  9. Add background color for header
  10. Add search box in header
  11. Add social media icons in header
  12. Add advertisement in header(size 468*60 or 720*90)

Design Thesis Content_box

  1. Add 3 column content_box (left and right 2 sidebar and middle 1 content section or Left 2 sidebar and right one content section or right 2 sidebar and left 1 content section)
  2. Add 2 column content_box (Left 1 sidebar and right 1content section or right 1 sidebar and left 12 content section)
  3. Add 1column content_box (1 content section only)

Design Thesis Content Section

We can design 2 types Content Section. Those are

  • Design blog page
  • Design post page

Design Thesis Blog page Content section

  1. Add post experts in content section
  2. Add teaser_box in content section
  3. Design post expert and teaser_box section, add background color or background image to post expert and teaser_box section.
  4. Add box for each post experts and each teaser section.
  5. Design Headline of post expert and teaser_box section, change the font color, style, size, background color , background image etc
  6. Add Comment counts in post expert and teaser_box section
  7. Add Readmore link in post expert and teaser_box section
  8. Add Background color or image in Comment count and Readmore link
  9. Add bylines (post date, author name etc.)
  10. Design bylines, change the font color, style, size etc.
  11. Add Twitter, Facebook and Google +1 share button in post expert and teaser_box
  12. Add Post thumbnail image left or right side in post expert and teaser_box section
  13. Add video thumbnail image in post expert and teaser_box section
  14. Add author avatar image in post expert and teaser_box section

Design Thesis Post page content section (inside post page)

  1. Add background image or background color for post page section.
  2. Add box for post page section.
  3. Design Headline of post page section, change the font color, style, size, background color , background image etc
  4. Add social media sharing buttons in post page section.
  5. Remove sidebar in post page section.
  6. Add opt-in form in end of the post page section
  7. Add related posts in post page section.
  8. Add block-quote in any important part in post page section.
  9. Design content area, like add background color or background image

Design Thesis Sidebar

  1. Add background image or background color for sidebar widget section
  2. Add different background or different background color for each sidebar widget section
  3. Add box for each sidebar widget section
  4. Add different background color for each sidebar widget heading.
  5. Add different background image for each sidebar widget heading.
  6. Add searchbox in sidebar widget section.
  7. Add rotating advertisement in sidebar widget section.
  8. Add popular post in sidebar widget section
  9. Add tabbed sidebar widgets  in sidebar widget section
  10. Add opt-in box in sidebar widget section.
  11. Add social media following buttons in sidebar widget section
  12. Add facebook fan page in sidebar widget section
  13. Add twitter updates in sidebar widget section.
  14. Add video in sidebar widget section
  15. Add page navigation in end of the post page section
  16. Add or remove previous and next post link in post page section.
  17. Add rotating advertisement in end of the post page or starting of the post page section
  18. Add author box in end of the post page or starting of the post page section

Design Thesis Footer

  1. Add background image or background color for footer section
  2. Add 3, 4, 5 etc column footer widget in footer section
  3. Add different background or different background color for each sidebar widget section.
  4. Add different background color for each footer widget heading.
  5. Add different background image for each footer widget heading.
  6. Add box for each footer widget in footer section
  7. Add categories, popular posts, recent posts etc  widget in footer section
  8. Add social media following buttons in footer section
  9. Add navigation in footer section
  10. Add copyrights in footer section
  11. Add logo in footer section
  12. Add video in footer section
  13. Remove wordpress admin link in footer
  14. Remove thesis attribution link.
  15. Design footer area, like add background color or background image

Design Thesis Comment form

  1. Change the size of comment form boxes
  2. Change the inner color of comment form boxes
  3. Change the title text  of comment form and trakback
  4. Change the design of admin comment, like add background image or background color etc
  5. Change the design of visitors comment in comment form
  6. Remove comment form in anypage.

Design Thesis multimedia box

  1. Add single embed video or rotating embed videos in multimedia box
  2. Add single image or rotating images in multimedia box
  3. Add multimedia box in anywhere of your website with use of hook function

Design Thesis Feature box

  1. Add background color or image in feature box
  2. Add thumbnail image in feature box
  3. Add thumbnail video in feature box
  4. Add read more link and comment counts in feature box
  5. Add content  in feature box
  6. Add image slider in feature box

Design Thesis Body Section

  1. Add background color or image in body section
  2. Add multiple background images  in body section

Design Thesis Custom Template pages

  1. Design lead page, squeeze page, sales page, affiliate page, welcome page etc
  2. Design any type of landing page as per your wish

To learn thesis theme easily and effectively get started with our thesis designer guide.

“Don’t wait go and become a Thesis Theme Expert with our Thesis designer Guide

If you like this post share with your friends.

{ 11 comments… add one }

Leave a Comment

  • Haru July 9, 2011, 12:35 PM

    im now redesign my thesis theme..and 70% from the coding came from your tutorial…its really helps me :)

    Reply
  • admin July 9, 2011, 1:19 PM

    Thanks for your comment.

    Reply
  • hemant paliwal July 11, 2011, 10:15 AM

    nice tutorials.these are helpful for thesis custom designers also.these helped m alot while customizing thesis for my clients.

    appreciable work. ;) gud job

    Reply
  • admin July 11, 2011, 12:38 PM

    Thanks for your nice comment.

    Reply
  • Pantho Bihosh July 11, 2011, 10:07 PM

    I am working well in oDesk on thesis theme. Maximum tutorial I get from your site when I work with a thesis theme for my client.

    Thanks.

    Reply
  • admin July 11, 2011, 10:15 PM

    Great to hear! Thanks for visiting!

    Reply
  • Olawale Daniel@Technology Blogger July 22, 2011, 2:24 AM

    Thanks for this awesome informative guide. I found it useful and the site will be up and running soon on thesis :)

    Reply
  • administrative assistant December 4, 2011, 1:12 AM

    can you please tell me how to customize the feature box in thesis_18? the custom function.php code.

    Reply
  • administrative assistant December 4, 2011, 1:12 AM

    can you please tell me how to customize the feature box in thesis_18? the custom function.php code.

    Reply
  • Maggie Martin December 31, 2011, 3:39 AM

    Really informative blog article.Much thanks again. Cool.

    Reply
  • Makenzie Cloninger December 31, 2011, 4:53 AM

    I truly appreciate this article.Really thank you! Really Great.

    Reply