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

Old themes

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

my thematic childthemes screen shot

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 :

Bookmark
Permalink.
Post a comment Trackback:
Trackback URL

9 Comments

  1. Posted June 22, 2009 at 10:12 am | Permalink

    Light, without many image loaded into header. Hey, where’s the download button? :lol:

  2. Posted August 15, 2009 at 3:04 am | Permalink

    Great info..

  3. Posted November 3, 2009 at 3:32 am | Permalink

    More filters and hooks you can use with Thematic for your child themes: http://wordpresstheming.com/2009/10/useful-thematic-filters/.

    Thanks for the post Dian.

  4. Posted June 5, 2010 at 10:20 pm | Permalink

    Hi Hardian,

    This is such an awesome theme that I’m running my site with it. I didn’t believe this theme could be free. Thanks a lot for releasing it.

    I want to have dropdown menus (2 levels total). When I comment out your code, the subpages disappear from the navigation. When I hover the parent page, all the following menu items shift down.

    Got any ideas to fix this? You can check out my website.

  5. Posted November 5, 2010 at 7:16 pm | Permalink

    This is an article about Thematic’s main features, and briefly about how I used it to design my blog theme
    http://www.vibesphere.com/2010/11/how-i-used-the-thematic-framework-on-my-blog/ – I hope it helps you decide if it’s useful for you

  6. Posted July 25, 2011 at 2:42 am | Permalink

    thematic or thesis ,which is better

  7. Posted March 20, 2013 at 12:39 am | Permalink

    Greetings! Very helpful advice within this
    article! It is the little changes that produce the most
    important changes. Many thanks for sharing!

  8. Posted March 26, 2013 at 9:18 am | Permalink

    When someone writes an paragraph he/she retains the thought
    of a user in his/her mind that how a user can know
    it. Therefore that’s why this article is amazing. Thanks!

    Also visit my weblog :: Immigration Adviser in maidstone

  9. Posted April 1, 2013 at 6:55 pm | Permalink

    What’s Going down i’m new to this, I stumbled upon this I’ve discovered It absolutely helpful and it has helped me out loads. I am hoping to contribute & aid other customers like its helped me. Great job.

    My page; Immigration Solicitor in Hillingdon

2 Trackbacks

  • By Puspaningrum Theme on July 22, 2009 at 2:23 am

    [...] The themes is simple and lightweight. Mostly i played only with font and layout, more about it you can read it here. [...]

  • By Be Water My Friend… With Thematic on December 21, 2009 at 3:36 pm

    [...] last i’ve re-align my website. The last time i’ve updated my site design I’ve thought that this is it, i wont change it anymore, but after a couple of month i have [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>