Create Pages With a Different Style Sheet

In this post I'll show you how to create a WordPress Page which uses its very own style sheet thereby giving it a unique look. For this example, the Page I'm going to use will have the ID 1130.

Look in header.php for the call to your current style sheet. It should look like,

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

We need to add a couple lines of code so that it now looks like this,

<?php if ( is_page('1130') ) { ?>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/pg-1130.css" type="text/css" media="screen" />
<?php } else { ?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"  type="text/css" media="screen" />
<?php } ?>

What this says is if we are on the page with the ID of 1130 then use the pg-1130.css style sheet and if not use the regular style.css style sheet. You can name your new style sheet whatever you want. I chose pg-1130.css just to keep it simple as it corresponds to the actual page ID number but it doesn't really matter. You can add as many additional style sheets as you want by adjusting the "if" and "else" statements.

You can also use this technique to alter the appearance of Categories. Instead of is_page() you would use is_category().

Would you like to see a live example of this in action? I knew you would! Click here. [demo currently unavailable]