I've just uploaded a wordpress site from MAMP to a live site. Exactly the same methods I usually use to upload them, including permalinks and all the usual PHPMyAdmin bits.
This time the style.css, js and all the images are just redirecting to a 404 page.
The website is here
Can anyone help? This makes no sense at all.
EDIT: heres a snippit of header.php:
<!DOCTYPE html>
<html lang='en'>
<head>
<!-- Version 1.0 of Ken Christys Rural Support Website -->
<meta charset="utf-8">
<meta content='width=device-width, initial-scale=1.0' name='viewport'>
<meta content='Josh Stevens, Lyndsay Hooper, PotatoMou.se' name='author'>
<meta content='<?php bloginfo( 'description' ); ?> ' name='description'>
<meta content='' name='keywords'>
<script>
if(!window.jQuery)
{
var script = document.createElement('script');
script.type = "text/javascript";
script.src = ".1.0/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(script);
}
</script>
<!-- Google Analytics-->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/javascript/pace.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<title>
<?php echo get_the_title() . " - ". get_bloginfo ( 'description' ); ?><br />
<!-- Current Page title - Website description -->
</title>
</head>
and here is the actual rendered code:
<!---->
<!DOCTYPE html>
<html lang='en'>
<head>
<!-- Version 1.0 of Ken Christys Rural Support Website -->
<meta charset="utf-8">
<meta content='width=device-width, initial-scale=1.0' name='viewport'>
<meta content='Josh Stevens, Lyndsay Hooper, PotatoMou.se' name='author'>
<meta content='Ken Christy Rural Support ' name='description'>
<meta content='' name='keywords'>
<script>
if(!window.jQuery)
{
var script = document.createElement('script');
script.type = "text/javascript";
script.src = ".1.0/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(script);
}
</script>
<!-- Google Analytics-->
<script type="text/javascript" src=".js"></script>
<link rel="stylesheet" type="text/css" media="all" href=".css" />
<title>
Home - Ken Christy Rural Support<br />
<!-- Current Page title - Website description -->
</title>
I've just uploaded a wordpress site from MAMP to a live site. Exactly the same methods I usually use to upload them, including permalinks and all the usual PHPMyAdmin bits.
This time the style.css, js and all the images are just redirecting to a 404 page.
The website is here
Can anyone help? This makes no sense at all.
EDIT: heres a snippit of header.php:
<!DOCTYPE html>
<html lang='en'>
<head>
<!-- Version 1.0 of Ken Christys Rural Support Website -->
<meta charset="utf-8">
<meta content='width=device-width, initial-scale=1.0' name='viewport'>
<meta content='Josh Stevens, Lyndsay Hooper, PotatoMou.se' name='author'>
<meta content='<?php bloginfo( 'description' ); ?> ' name='description'>
<meta content='' name='keywords'>
<script>
if(!window.jQuery)
{
var script = document.createElement('script');
script.type = "text/javascript";
script.src = "http://ajax.googleapis/ajax/libs/jquery/2.1.0/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(script);
}
</script>
<!-- Google Analytics-->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/javascript/pace.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<title>
<?php echo get_the_title() . " - ". get_bloginfo ( 'description' ); ?><br />
<!-- Current Page title - Website description -->
</title>
</head>
and here is the actual rendered code:
<!---->
<!DOCTYPE html>
<html lang='en'>
<head>
<!-- Version 1.0 of Ken Christys Rural Support Website -->
<meta charset="utf-8">
<meta content='width=device-width, initial-scale=1.0' name='viewport'>
<meta content='Josh Stevens, Lyndsay Hooper, PotatoMou.se' name='author'>
<meta content='Ken Christy Rural Support ' name='description'>
<meta content='' name='keywords'>
<script>
if(!window.jQuery)
{
var script = document.createElement('script');
script.type = "text/javascript";
script.src = "http://ajax.googleapis/ajax/libs/jquery/2.1.0/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(script);
}
</script>
<!-- Google Analytics-->
<script type="text/javascript" src="http://www.kenchristy-ruralsupport/wp-content/themes/KenChristy/javascript/pace.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="http://www.kenchristy-ruralsupport/wp-content/themes/KenChristy/style.css" />
<title>
Home - Ken Christy Rural Support<br />
<!-- Current Page title - Website description -->
</title>
Your directory permissions for your Theme directory are incorrect.
- wp-content: 0755
- wp-content/themes: 0755
- wp-content/themes/kenchristy: 0700
Per the Codex, folder permissions should be set to 755
:
In such an suexec configuration, the correct permissions scheme is simple to understand.
So, try changing wp-content/themes/kenchristy/
from 0700
to 0755
.
replace
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" /
with
<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>" />
also try placing your style above all your JS
Your call to wp_head
between <head></head>
is missing. Just before </head>
add <?php wp_head(); ?>
Then, enqueue your scripts and stylesheets properly in your functions.php
. Have a look at the following from the codex
wp_enqueue_scripts
wp_enqueue_style()
wp_enqueue_script()
I had a folder named /CSS but was referencing /css in my enqueue. This was no problem on local, but the URLs were case sensitive when I pushed it up to hosting
header.php
orfunctions.php
. – Chip Bennett Commented Apr 21, 2014 at 16:56