I set my wordpress permalink structure to /%postname%/ but now when I go to a page other than the home page (for example if I went to somelink.com/about) I lose all javascript references.
I think this happens because the links to the js files are no longer right as it is in the imaginary folder “about”. This is how the js files are referenced in the header.php file.
<script type="text/javascript" src="wp-content/themes/default/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="wp-content/themes/default/js/cufon-yui.js"></script>
<script type="text/javascript" src="wp-content/themes/default/js/Goudy_Bookletter_1911_400.font.js"></script>
<script type="text/javascript">
$(document).ready(function() {
Cufon.replace('h1');
Cufon.replace('h3', {textShadow:'0 1px #fff'});
});
</script>
Am I doing something wrong?
if you are referencing anything in your template files you can use either
1:
or 2:
which would be coded as:
or
1: loaded the main site URL;
2: will return the absolute url to your current themes directory,
(which is better for theme development).
I gather you are manually inserting the javascript calls, which is not the best way to handle jQuery inclusion in WordPress – you should look into wp_enqueue_script, which will keep you from including the jquery libraries more than once if a plugin or theme you are using is also including them.
Also, the ay you have the source written, I believe you are correct – the client is looking for the js files in the relative path under /about. Place a “/” before wp-content to have the client look for them inside wp-content within your root directory (assuming WP is installed at root).