Comments on: Unique Body ID’s for your Pages http://digwp.com/2009/05/unique-body-ids-for-your-pages/ Take your WordPress skills to the next level. Tue, 15 May 2012 08:36:23 +0000 hourly 1 http://wordpress.org/?v=3.3.2 By: Jason http://digwp.com/2009/05/unique-body-ids-for-your-pages/#comment-646 Jason Sat, 11 Jul 2009 01:08:25 +0000 http://modernwordpress.com/?p=18#comment-646 This can be even better, and avoids the little commented out bit that I wrote above if used the following way: <code>function body_id() {</code>        <code>$url = explode(get_option('siteurl'), $_SERVER['REQUEST_URI']);</code>        <code>$dir = $url[1] ? $url[1] : 'home';</code>        <code>echo 'id="' . $dir . '"';</code> <code>}</code> This can be even better, and avoids the little commented out bit that I wrote above if used the following way:

function body_id() {
       $url = explode(get_option('siteurl'), $_SERVER['REQUEST_URI']);
       $dir = $url[1] ? $url[1] : 'home';
       echo 'id="' . $dir . '"';
}

]]> By: Jason http://digwp.com/2009/05/unique-body-ids-for-your-pages/#comment-214 Jason Mon, 22 Jun 2009 21:45:19 +0000 http://modernwordpress.com/?p=18#comment-214 Also, one more thing. Probably cleaner to put your code in the functions.php file, and when developing locally I had to change url[1] to url[2] since my folder name gets put in front of the actual page title, http://localhost/site-name/page-name: <code> function body_id() { $url = explode('/',$_SERVER['REQUEST_URI']); // USE WHEN LIVE //$dir = $url[1] ? $url[1] : 'home'; // USE WHEN LOCAL $dir = $url[2] ? $url[2] : 'home'; echo 'id="' . $dir . '"'; } </code> and then call this in the header.php file: <code> <body <?php body_id(); ?> <?php body_class(); ?>> </code> Also, one more thing. Probably cleaner to put your code in the functions.php file, and when developing locally I had to change url[1] to url[2] since my folder name gets put in front of the actual page title, http://localhost/site-name/page-name:

function body_id() {
	$url = explode('/',$_SERVER['REQUEST_URI']);
	// USE WHEN LIVE
	//$dir = $url[1] ? $url[1] : 'home'; 

	// USE WHEN LOCAL
	$dir = $url[2] ? $url[2] : 'home';
	echo 'id="' . $dir . '"';
}

and then call this in the header.php file:


<body <?php body_id(); ?> <?php body_class(); ?>>

]]> By: Jason http://digwp.com/2009/05/unique-body-ids-for-your-pages/#comment-213 Jason Mon, 22 Jun 2009 21:30:36 +0000 http://modernwordpress.com/?p=18#comment-213 I've noticed that WordPress 2.8 (I don't think the earlier versions had this?) has a php function call in the body tag called body_class(); The body_class() function calls get_body_class and concatenates all possible classes, e.g: home, blog, archive, date, search, paged, attachment, and error404... and a unique post / page id class like page-id-4 or postid-3. This is only a problem if you want to use unique identifiers the absolute correct way...with an id attribute as opposed to a class attribute. Anyway, I like the solution Chris, more elegant than what I was using...which was to use php to lowercase the slug and replace white-space with underscores: <code> <body id="<?php $title = get_the_title(); $lowercaseTitle = strtolower($title); echo str_replace(" ", "_", $lowercaseTitle); ?>"> </code> I’ve noticed that WordPress 2.8 (I don’t think the earlier versions had this?) has a php function call in the body tag called body_class();

The body_class() function calls get_body_class and concatenates all possible classes, e.g: home, blog, archive, date, search, paged, attachment, and error404… and a unique post / page id class like page-id-4 or postid-3. This is only a problem if you want to use unique identifiers the absolute correct way…with an id attribute as opposed to a class attribute.

Anyway, I like the solution Chris, more elegant than what I was using…which was to use php to lowercase the slug and replace white-space with underscores:


<body id="<?php $title = get_the_title();
$lowercaseTitle = strtolower($title);
echo str_replace(" ", "_", $lowercaseTitle); ?>">

]]> By: Ian Rountree http://digwp.com/2009/05/unique-body-ids-for-your-pages/#comment-146 Ian Rountree Fri, 19 Jun 2009 05:04:37 +0000 http://modernwordpress.com/?p=18#comment-146 Very slick! But would there be a way to make this more dynamic? For example, rather than creating specifically designed templates, serving up some choice php based solely on categories or post vs page? Red headers for news posts, blue for errata and so on? Very slick! But would there be a way to make this more dynamic? For example, rather than creating specifically designed templates, serving up some choice php based solely on categories or post vs page? Red headers for news posts, blue for errata and so on?

]]> By: Chris Taylor http://digwp.com/2009/05/unique-body-ids-for-your-pages/#comment-22 Chris Taylor Tue, 16 Jun 2009 14:43:22 +0000 http://modernwordpress.com/?p=18#comment-22 Nice tip. I've also used this before which uses the current page's slug as the body class. <code>ID); // get current post or page $slug = $post_id->post_name; // define slug as $slug if (is_home()) { $slug = "news"; } else { } ?> <body class=""></code> Nice tip.

I’ve also used this before which uses the current page’s slug as the body class. 

ID); // get current post or page
    	$slug = $post_id->post_name; // define slug as $slug
		if (is_home()) {
            $slug = "news";
		} else {
		}
		?>
	
	<body class="">

]]>