Continue reading »]]> I’ve been a co-developer for the WordPress Graphene Theme since February 2011, and it’s about time a starting using this great theme on my own blog

You can follow our development at Google Code – http://code.google.com/p/graphene/, here you can also report bugs and request new features.

The original developer and designer of the theme is Syahir Hakim, on his blog you can read a bit more about the theme.

Continue reading »]]> I was looking for a way to get a nested array (or tree array) from the pages or posts in WordPress, for a theme I’m currently working on.

If you just want to display the links you could use the wp_list_pages() function.

But this wont get you a nested array, then there are the functions get_pages() and get_posts(). These return a one-dimensional array of pages or posts.

Using this array I’ve written a simple recursive function which creates a nested array.

/**
 * Build a nested tree from an array of posts/pages.
 * @see WordPress::get_pages()
 * @see WordPress::get_posts()
 *
 * @param array $items The array of posts/pages
 * @param int $parentid The parent id to start with
 * @param array $tree
 * @return array The nested pages tree
 */
function thumnet_build_nested_tree($items, $parentid = 0, &$tree = array()) {
    foreach ($items as $key => $item) {
        // we are only interested in the pages that have the current parent
        if ($item->post_parent == $parentid){
            // add the item to the parent node
            $tree[$item->ID] = array('self' => $item, 'children' => array());
            // remove the page from the pages array, so it's not iterated in the recursive call
            unset($items[$key]);
            // call the function recursively, but with the children node as the tree
            thumnet_build_nested_tree($items, $item->ID, $tree[$item->ID]['children']);
        }
        // if the parent page has no children remove the node
        if (count($tree[$item->ID]['children']) == 0){
            unset($tree[$item->ID]['children']);
        }
    }   

    return $tree;
}

And not to forget a quick sample on how to use this

$pages = get_pages('sort_column=menu_order');
$tree = thumnet_build_nested_tree($pages);
thumnet_display_nested_tree($tree);

function thumnet_display_nested_tree($items, $indent = 0){
    foreach ($items as $item){
        echo str_repeat('&nbsp;', $indent*3) . (count($item['children']) ? '+' : '-') . ' ' . $item['self']->post_title . '<br />';
        if (count($item['children'])) { thumnet_display_nested_tree($item['children'], $indent+1); }
    }
}

Sample output:

+ Welcome
   + Subpage with children
      - Child 1
      - Child two
   - Subpage without children
- Top level page without children
+ About
   - Who am I

Continue reading »]]> Welcome to the ThumNet blog.

This is actually my first blog post ever, and I hope there are many more to follow!

As most of you already concluded this blog is build with WordPress

After the WordPress installation, which was very easy thanks to InstallaTron, I went looking for a theme. On the WordPress Themes page there was the blue Pixeled theme (version 1.9.2) which I really like, but there is one small problem. The developer (Sam) also created an earlier version of the pixeled theme (version 1.0) which was in green, but this wasn’t really up to date anymore. For this blog I wanted to give visitors the ability to choose between these two colors.

So I took the latest version of Sam’s theme and changed the following:

• copied both bgbody.png files into the images directory and renamed them accordingly
• created two partial StyleSheets with specific color settings, which will be loading on top of to the default StyleSheet
• picked up the styleswitcher.js file from A List Apart, which had to be updated because the attachEvent function isn’t cross browser compatible
• finally added the links to change the theme’s color in the header.php file

The links to change the color are located at the top right of the page, next to the text “color”.

Sources for the multicolor pixeled theme will be available through Sam’s or this site, but I first have to contact Sam to show him the modifications and ask him what he likes to do with them.