Thesis theme customization

Posted on February 25th, 2011

Thesis theme customization

The Thesis Theme for WordPress is a premium template. Different versions are available, the latest version of thesis theme is Thesis 1.7.

Thesis Theme – Easy Layout Customization

We can easily customize the theme layout (No of sidebars, navigation menu, home page display etc.) from WordPress admin area itself.  Using Thesis Site Options we can change the layout of blog/site.

Title tag Settings: We can change the display style of title tags.

Display Options:  This option is used to show/ hide site name and Tagline in header

Bylines: To set bylines of post titles.

Posts: Using this option we can set to either display full post contents or excerpt.

Archives: To set the archive page display style.

Comments: To enable/disable comments

Tagging: To enable /disable tags in posts and pages.

Sidebars: To enable sidebar widgets.

Navigation Menu: To select pages displayed in Navigation menu.

Categories: To select categories displayed in Navigation menu. (We can display pages and categories in navigation menu.)

Home Link : To show /hide home link in navigation menu.

Feed Link in Navigation menu: To set RSS feed link in navigation menu.

After setting all these options click on save button.

Thesis Design Options – Change the Look and Feel

Using this option we can change the look and style of theme. In this options we can set the font, color, layout etc.

Default multimedia box is available in Thesis theme. Multimedia box will be displayed on top of right sidebar.  We can select java script libraries and can select font sizes and color for navigation, footer, sidebar etc. We can add embedded scripts also from here.

Thesis Theme – Other Cool Features

Other Thesis Theme are the ability to add your own analytics tracking codes directly from the control panel. So if you use some analytics software like Google Analytics or Piwik, it can be easily integrated into your site. Thesis 1.7 also integrates with all the popular javascript libraries like Jquery, Prototype, Mootools and others so you can easily add cool Ajax effects to your blog. Just select the javascript library you want, and start using it – no downloading required! You can do some really cool things with the Thesis Theme multimedia box as well. Basically, it is a place on your site which you can use to rotate pictures, show Youtube videos, or even add banner ads to your site.

Thesis Theme – SEO Ready

Thesis is SEO friendly. For other themes, I’ve always downloaded the All-in-one SEO pack WordPress plug-in to help with my SEO efforts. With Thesis Theme, you no longer need download a separate plug-in like this. The theme makes it really simple to do things like customize your blog and post titles, update the Meta tags for your posts, category and tag pages, and a whole lot more. Thesis Theme is SEO ready out of the box, and another reason why I like using it so much.

We can add custom styles and codes into thesis theme. To edit the css style in Thesis theme, we need to add it in custom.css file (theme> custom folder>custom.css)

Eg: <div id=”header”></div> is used in header section. To change the header style in custom.css file

.custom #header{

background-color:  #ff0000;

width: 980px;

height: 150x;

}

We can write different functions in thesis theme. Functions must be write in custom functions file (theme> custom folder> custom_functions.php).

Thesis theme is customized using different hooks. Default hooks used in Thesis theme is

Thesis nav menu

This is the page-based navigation menu that contains your “home” link.

  • thesis_nav_menu function
  • thesis_hook_before_header hook

More hooks reference list: http://diythemes.com/thesis/rtfm/default-hook-usage/

To add a hook in custom functions add_action function is used and to remove an action remove_action function is used.

Eg: remove_action(‘thesis_hook_before_header’, ‘thesis_nav_menu’);

add_action(‘thesis_hook_header’, ‘thesis_nav_menu’);

Example function to add footer links in Thesis

<?php

remove_action(‘thesis_hook_footer’, ‘thesis_attribution’);

add_action(‘thesis_hook_footer’, ‘custom_footer’);

function custom_footer() {?>

<div class=”footer_inner”>

<p class=”clear”>&copy; 2010 all rights reserved. | <a href=”http://www.chrismckool.com/sitemap.xml” target=”_blank”>XML Sitemap</a> | <a href=”http://www.chrismckool.com/sitemap”>Sitemap</a></p>

<p>Customized by  <a href=”http://www.sweans.com/” target=”_blank”>Sweans Technologies</a> |

<a href=”<?php bloginfo(‘rss2_url’); ?>”>Entries (RSS)</a> | <a href=”<?php bloginfo(‘comments_rss2_url’); ?>”>Comments (RSS)</a>

</p>

</div>

<div style=”clear:both”></div>

<?php }?>

Reference links:

http://diythemes.com/thesis/rtfm/hooks/