The homepage of this site was created using the default page template but I inserted a custom style sheet, only for this page, in the custom_functions.php file. I’ll show you how I did it in the following steps…
I created a blank page and used the default template in the attributes section. Go to Page —-> add new
Click “Publish”, and now you have a blank canvass to build your homepage from.
Next in my custom_functions.php I created a style sheet just to style this page only…
In your custom_functions.php file add the following code. You can put it anywhere you want but I recommend putting it at the top after the <?php tag. Remember, once you make the change, save it, and upload it to your server. Always describe the function and put it between the comment tags /* */ at the beginning shown below in green. The comments aren’t shown on your rendered page and it just makes things easier for you to remember…
/*my homepage stylesheet*/
function welcome_stylesheet(){
if (is_front_page()) { ?>
<style type=”text/css”>
#content_box {margin-top: 36em; background: none;}
#content .top {margin-top: 13em;}
#sidebar_1 {margin-top: -2.6em;}
#sidebar_2 {margin-top: -4.5em; }
#content {background-color: #ffee99; padding-top: 1em;}
/*This nudges the teaser content up against the right sidebar*/
#column_wrap {width: 77.3em; background: none;}
#sidebar_2 li.widget {background: #ffeeee; padding:0 0 .5em .5em; width: 103%; margin-top: 1.7em; margin-bottom: -.8em;}
</style>
<? }}
add_action(’wp_head’ , ‘welcome_stylesheet’);
If you want to see how I placed a custom box on the homepage, check out this tutorial
If you would like to leave a comment and you have examples of code you want to show, you must "escape the code". This allows the entire code to show correctly by inserting certain variable around certain tags to make them show. If you don't "escape the code" your code will show up broken, mangled, and it won't be able to be seen correctly. "Escaping the code" is very simple...
Go ahead, leave a comment...