let’s say that you want to add a new custom menu to your WordPress site. For example, a list of social media links. You want these links to be icons. (Facebook, twitter, RSS)

You are going to need to add a unique CSS class to each link so that you may be able to assign the icon to each of them.

In the default view of the custom menus screen it doesn’t seem possible to add a CSS class to a link. The trick is to pick on the screen options button at the top right of the WordPress admin panel. This will bring down an extra menu where you can options for your menus. The difference of the font menu properties include CSS classes, link targets, link relationship, description.

Now, when you add a link to your menu, you will be able to add a custom CSS class.

custom menus hidden options

Custom taxonomies

Another hidden option in the screen options menu is the ability to display your custom taxonomies for adding them to your menus. So if you have registered custom taxonomies and you want to add them to your menu you will need to check them in this screen options.

You’ll need to download PhpStorm

	add_action('thesis_hook_before_content_box','do_nivo_slider');
	function do_nivo_slider(){
	if (is_home()){
	print '
';
	print '
';
    $sub_loop_1 = new WP_Query('category_name=featured');
	while ($sub_loop_1->have_posts()) : $sub_loop_1->the_post();
	global $post;
	?>
	<a href="">
	 get_the_title(), 'title' => get_the_title())); ?>


	<?php }
	}

and activate post thumbnails

	if ( function_exists( 'add_theme_support' ) ) { // Added in 2.9
	 add_theme_support( 'post-thumbnails' );
	 set_post_thumbnail_size( 200, 200, true ); // Normal post thumbnails
	 add_image_size( 'hp-post-thumbnail', 511, 231, true ); // Homepage thumbnail size
	 add_image_size( 'single-post-thumbnail', 511, 9999 ); // Permalink thumbnail size
	}

then add this to the Thesis Page Options > HomePage Options > Javascript box

	jQuery(window).load(function() {
		jQuery('#slider').nivoSlider();
	});

and check JQuery checkbox

I haven’t figured out how to use wp_enqueue_script and wp_enqueue_style with Thesis yet, so I used the absolute paths.
Usually I’d include all the javascript in the functions.php file

Copy the CSS from the nivo slider CSS file and paste it into your custom.css.
Here also I’d rather include the extra CSS file somehow.

So, in the process of redesigning my web design portfolio website , I converted the “Shaper” theme to use HTML 5 markup. Where it makes sense, I use the new HTML 5 tags such as header, section, article. I didn’t use hgroup for the logo/tagline pair, because the way the theme works is the tagline is a H1 on the homepage and a div on the other pages for SEO reasons.
The comments use the article tag, as recommended.
Please download the theme, and let me know what you think.

 ID;
      $children = wp_list_pages('depth=1&echo=0&child_of=' . $id . '&sort_column=menu_order&title_li=');
      if ($children) {
          print '
' . $page->post_title;
          print '
';
          print $children;
          print '


';
      } else {
          print '
ID) . '">' . $page->post_title . '

';
      }
  }
?>

You can view the working code at http://sideradesign.com/krf

<table cellpadding="0" cellspacing="0" border="0" class="display" id="food" style="width:600px"


Location
Dish
Type


ID, 'food-location', true );
$food_name = get_post_meta($post->ID, 'food-name', true );
$food_type = get_post_meta($post->ID, 'food-type', true );
echo '
';
if(!empty($food_location ) )
{
	echo '
' . $food_location . '

';
	/* Add any additional code. */
}
if (!empty($food_name ) )
{
	echo '
' . $food_name . '

';
	/* Add any additional code. */
}
if (!empty($food_type ) )
{
	echo '
' . $food_type . '

';
	/* Add any additional code. */
}
echo '

';
?>

You can see the demo at:
http://sideradesign.com/krf/food-drinks/

Features:

• Child theme based on the Hybrid framework
• Use of sIFR for the headings
• Use of CSS3 rgba for transparency, for IE, use of proprietary declarations in conditional stylesheet