This is probably really obvious to most of you, but it impressed me so I thought I'd write it here for those who aren't programmers.
I needed some special css formatting for a couple of particular pages. The css file is a couple of hundred lines long so I didn't really want it read for every page, plus some of its formatting might overwrite the general template, which I also didn't want to do.
It was really simple due to good development docs, thanks to the developers.
What I did was test for the page's slug and, if it was the ones I wanted, include the css file. That way, for most pages the css is not included which means the user's browser doesn't have to parse a couple of hundred lines of unnecessary css.
This is how easy it is:
books.php is the css encapsulated in <?php ... ?> tags with one echo statement at the beginning. PHP's multi-line echo makes this sort of thing easy.
In-line css is supposed to go in the <head> section so that is where I put the statement, just below the IE6 flicker hack, in template.php.
You can see the result by viewing the source of http://www.nickcoleman.org/books
Many thanks to the developers for CS. I very much like the simple and well-thought out way of doing things in it.
Cheers,
Nick
I needed some special css formatting for a couple of particular pages. The css file is a couple of hundred lines long so I didn't really want it read for every page, plus some of its formatting might overwrite the general template, which I also didn't want to do.
It was really simple due to good development docs, thanks to the developers.
What I did was test for the page's slug and, if it was the ones I wanted, include the css file. That way, for most pages the css is not included which means the user's browser doesn't have to parse a couple of hundred lines of unnecessary css.
This is how easy it is:
Code:
<?php $myslug = return_page_slug(); if ( $myslug == "books" || $myslug == "about" )
{ include 'books.php' ; } ?>books.php is the css encapsulated in <?php ... ?> tags with one echo statement at the beginning. PHP's multi-line echo makes this sort of thing easy.
In-line css is supposed to go in the <head> section so that is where I put the statement, just below the IE6 flicker hack, in template.php.
You can see the result by viewing the source of http://www.nickcoleman.org/books
Many thanks to the developers for CS. I very much like the simple and well-thought out way of doing things in it.
Cheers,
Nick
My blog: http://www.nickcoleman.org/blog