Learn Thesis Theme Fast to Build Unique and Beautiful Websites

  • Thesis Designer Guide is the fastest way to learn the Thesis framework.
  • A step-by-step guide walks you through all the essential things you need to know to become a Thesis design expert.
  • You don’t need to be a programmer to learn Thesis design.
  • The complete Thesis Designer Guide covers all the coding basics and tools needed to become a Thesis expert.

Learn Thesis Theme! Get Started Now!

101 Ways to Design Thesis Theme to Create Awesome Website

by in Thesis Theme Customization

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… read them below or add one }

Haru

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

Reply

admin

Thanks for your comment.

Reply

hemant paliwal

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

Thanks for your nice comment.

Reply

Pantho Bihosh

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

Great to hear! Thanks for visiting!

Reply

Olawale Daniel@Technology Blogger

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

Reply

administrative assistant

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

Reply

administrative assistant

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

Reply

Maggie Martin

Really informative blog article.Much thanks again. Cool.

Reply

Makenzie Cloninger

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

Reply

Leave a Comment

Previous post:

Next post:


Popular Tags:

    thesis cover page design, page separator design for thesis, add thumbnail image in feature box, design of separator page for thesis, feature box images, seprater page design for thesis, Thesis 101 theme, thesis separator pages