Blog shows up without Theme/CSS styles

Question

I installed Wordpress to my own domain and it was working just fine. I then, downloaded a new Wordpress theme and uploaded it into the wp-content/themes/ folder directory. The name of the folder is theme43 with an images folder and various php files within it (just like the automatically installed twentyten and twentyeleven themes). But now, when I navigate to the blog in my browser (Latest Firefox) the text shows up without the pictures, colors, etc. If I 'View the Source' on the page, the stylesheet link maps to /wp-content/themes/twentyeleven.

However, the path indicates that the wp-content is in the root directory. I have moved everything from the root to a folder within the root called blog (www.blahblah.com/blog/wp-content/themes/...). This is clearly the problem. How do I get Wordpress to look at the 'blog' folder within the root instead of the root itself?

Answer 1

You can add the WP_HOME and WP_SITEURL constants in your wp-config.php file to manually override the database options.

Scenario one: You want to surface WordPress from your blog folder.

define('WP_HOME','http://example.com/blog');
define('WP_SITEURL','http://example.com/blog');

Scenario Two: You've moved WordPress to another folder, but want it to surface at your root.

define('WP_HOME','http://example.com');
define('WP_SITEURL','http://example.com/blog');

You will need to make sure your index.php file is still in the root, and point the include to the new blog folder.

require('./blog/wp-blog-header.php');

Scenario Three: If you aren't comfortable going the wp-config route, move your site back to its original location, login to wp-admin, go to the Settings menu, and adjust the home and site urls in the admin interface.