Using Thematic Child Themes

Third time’s a charm :) this is my third time creating child themes with thematic framework, there’s a learning curve to create it, like themes hooks and filters but all of them can be tackle in a matter of minutes. All of the unanswered ones can be found & solved in the thematic forums which have a very friendly community.

I hope from this moment on, I wont change themes anymore, maybe just re-align it in the future :) The purpose of the themes is simple, i dont want to feel bloated with many post in one page. Wont scroll much to read the content and of course i want to have the right font on the right place :)

The old themes i use vigilance themes from jestro

the themes is awesome but i never really click with the font and the structure. Now, i’m using my own child themes based on thematic framework. The purpose large header for the title of the writing, because i think people will get tired seeing those same large logos over and over again but it will be more interested is the focus is in the title of the current content.

here are the new themes screenshot

i wouldn’t lie that i get a lot of the inspiration of the design of this child themes from Coudal and Jason Santa Maria website design. I was looking an inspirational use of Georgia font and Jason’s site happen to give me a really excellent example on how to use one.

The site is still along way from finish, i didn’t add twitter widget yet but i’ve add my recent google reader’s favorite link. Didn’t use favicon yet, I’m going to mock-up a little touch of graphic on the site in the near future.

next are a couple of function that i’ve use in my functions.php on my thematic child theme.

i’ve change the header so there’s no dropdown menu here and i’ve removed , replace it with the new ones. Here’s how i edit the header title on thematic, also adding new title and access using thematic_header() filters

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

// Delete drop down!
function childtheme_head_scripts() {}
add_filter('thematic_head_scripts','childtheme_head_scripts');
 
// Remove default Thematic actions
function remove_thematic_actions() {
 remove_action('thematic_header','thematic_blogtitle',3);
 remove_action('thematic_header','thematic_access',9);
}
add_action('init','remove_thematic_actions');
 
function childtheme_menu_args($args) {
    $args = array(
        'show_home' => 'Home',
        'menu_class' => 'menu',
        'echo' => true
    );
	return $args;
}
add_filter('wp_page_menu_args', 'childtheme_menu_args');
 
function childtheme_title(){ ?>
    		<div id="blog-title"><span><a href="<?php echo get_option('home') ?>/" title="<?php bloginfo('name') ?>" rel="home"><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/logo3.png" alt="<?php bloginfo('name') ?>"/></a></span></div>
<?php }
add_action('thematic_header','childtheme_title',3);
 
function childtheme_access(){?>
	<div id="access">
		<?php wp_page_menu('sort_colum=menu_order')?>
	</div> <!--#access-->
<?php }
add_action('thematic_header','childtheme_access',9);

after that i’ve change a little bit on the post_meta and the post_footer. The last function that i’ve use is adding google analytics code on the footer. Here’s how to add Google analytics code on the thematic child themes footer (before close body tag)

1
2
3
4
5
6
7
8
9

function analytic_footer() {?>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "XXXXXXX";
urchinTracker();
</script>
<? }
add_filter ('thematic_after', 'analytic_footer');

all of the functions here is almost the same as the last time i post about thematic.

Update:
I’m releasing this thematic child theme, it’s called Puspaningrum Theme, you can view it here

u may also like this :

• – Learning Thematic
• – How to Add Typekit to your Thematic Child Themes
• – Create Custom Posts Layout in Home Page (Thematic Child Theme)
• – Be Water My Friend… With Thematic
• – Puspaningrum Theme