Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Adding Chosen Categories to AutoFocus Pro Navigation WordPress

  • SOLVED

Hi -
I am working on building a portfolio/showcase of my creative work at mycreativecondition.com.
I'd like to include particular post categories under a parent page in the navigation. Perhaps the best way to explain is: instead of creating a separate page for Identities (as it is now) under "Design", I'd like particular category names to be listed and upon selecting, you'd be directed to an archives page with posts associated with that category. It would be better to link to the Category name Identity so that it pulls up the archive page for that category automatically like: (http://mycreativecondition.com/?cat=9)

I am not great with CSS/PHP but would appreciate any and all help.

Thank you much!

Answers (1)

2010-09-08

Denzel Chia answers:

Hi,

Is this the autofocus theme you are using? http://fthrwght.com/autofocus/

You can convert your theme menu to a WordPress 3.0 menu navigation system.
You will then be able to customize your menu with a parent category and a list of other categories under it, with almost limitless possibilities.

Since the theme is a child theme of thematic framework, you may want to refer to this tutorial for removing and adding your own menu. http://themeshaper.com/wordpress-menu-tricks/

As for adding new WordPress 3.0 menu navigation system
You can follow the tutorial here, http://justintadlock.com/archives/2010/06/01/goodbye-headaches-hello-menus

You will need to create your own css codes to style this menu after completion.

I do not own this autofocus theme,
But I can provide some example base on my findings.

Just a simple example;

in autofocus theme's functions.php add the following code in the beginning.


add_action( 'init', 'test_register_my_menu' );

function test_register_my_menu() {
register_nav_menu( 'primary', __( 'Primary Menu' ) );
}

// Remove the default Thematic Access

function remove_thematic_actions() {
remove_action('thematic_header','thematic_access',9);
}

add_action('init','remove_thematic_actions');

// Recreate the Thematic Access with your new menu

function childtheme_page_menu() {
echo '<div id="access" role="navigation">';

wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) );

echo '</div>';
}
add_action('thematic_header','childtheme_page_menu','9');



You can experiment with other wp_nav_menu() parameters such as menu class to get the desired result.

You will also need to style your menu, after using the above codes,
for a start, you can use the menu styles from WordPress default Twenty Ten theme as a basis.

You can watch this video on how to setup your WordPress 3.0 menu, after you have successfully implemented it on your theme.
http://www.youtube.com/watch?v=FPCrQR4F0Tg

Thanks.