Thank you paulwp for a very comprehensive list. I skipped first and third links since I already operate from a child theme and this is a page. Before trying out functions again I like to add that it would be best for me to just to hard-code this values. It seems no matter what I give wordpress it chooses to ignore them. Here is what I have so far:
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<link rel="stylesheet" type="text/css" media="all" href="js/imageMenu.css" />
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/imageMenu.js"></script>
<?php
wp_register_style( 'myImageMenu', 'http://www.gransar.net/wp-content/themes/twentyeleven-child/' );
wp_enqueue_style( 'myImageMenu');
?>
The code from the 4th link must be used in function.php, not in the template file like header.php
Please look inside the function.php of TwentyTwelve theme as an example, it’s easier to understand from real example.
oh ok. I created a new functions.php in the child theme. It only has the following:
<?php
//deano loading css for portfolio
function my_external_links() {
/* Register our new css and js files */
wp_register_style( ‘myImageMenu’, ‘http://www.gransar.net/wp-content/themes/twentyeleven-child/imageMenu.css’ );
}
?>
and in the beginning of my customPage (not the header.php) where there are other css files being call I added the call function:
<link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>” />
<script type=”text/javascript” src=”js/mootools.js”></script>
<script type=”text/javascript” src=”js/imageMenu.js”></script>
<?php
wp_enqueue_style( ‘myImageMenu’);
?>
again I would like to just hardcode the value. It doesn’t make sense to write a function that’s longer than a hardcoded value. I think the files are not being read either way.
basically the answer is not to use relative links…
Here is a sample link:
<script type=”text/javascript” src=”http://gransar.net/wp-content/themes/twentyeleven-child/js/imageMenu.js”></script>
notice that src attribute has a full html link.