Broken CSS after changing the site URL

Question

Broken CSS after changing the site URL

user1301428

2019年8月6日 10:36

I have a self-hosted Wordpress blog on my home server. Previously I accessed it directly via its original IP address taken from DHCP, but now I have configured a static IP address for it. The problem is that now all the CSS is broken.

I have updated my wp-config.php file adding the following two lines:

define('WP_HOME','http://192.168.0.100/myblog/');
define('WP_SITEURL','http://192.168.0.100/myblog/');

and I have restarted apache, but the CSS is still broken. Is there some other configuration file that I should update?

Topic ip migration Wordpress

Category Web

score 1 · Accepted Answer · 2019年8月6日 07:30

Migrating your WordPress site to another location should be a painless process: you just have to export your database, import it to the new host, move your files there, configure everything and make the new site live. However, there are some steps that, when not done right, could provoke several problems that cause trouble and lead to unsuccessful site transfers.

user113437 · Accepted Answer · 2017年2月16日 01:32

1

user113437 answered at 2017年2月16日 01:32

For any reason my site URL had an extra space at the end of the line in the DB - wp-options

danidemi · Accepted Answer · 2015年1月15日 12:13

If you have access to your mysql you can update the wp-options table.

Before modification...

$ mysql -u <db_user> --password=<db_pwd> -D <db_name> <<<"select * from wp_options where option_name in ('siteurl', 'home');"
+-----------+-----------------+---------------------------------------------------------------------------------------------------+----------+
| option_id | option_name     | option_value                                                                                      | autoload |
+-----------+-----------------+---------------------------------------------------------------------------------------------------+----------+
|         1 | siteurl         | http://172.17.0.2/wordpress                                                                       | yes      |
|         2 | home            | http://172.17.0.2/wordpress                                                                       | yes      |
+-----------+-----------------+---------------------------------------------------------------------------------------------------+----------+

Then I changed the ip to 172.17.0.4 with this...

$ mysql mysql -u <db_user> --password=<db_pwd> -D <db_name> <<<"update wp_options set option_value='http://172.17.0.4/wordpress' where option_name in ('siteurl', 'home');"

So the table becomes...

+-----------+-----------------+---------------------------------------------------------------------------------------------------+----------+
| option_id | option_name     | option_value                                                                                      | autoload |
+-----------+-----------------+---------------------------------------------------------------------------------------------------+----------+
|         1 | siteurl         | http://172.17.0.4/wordpress                                                                       | yes      |
|         2 | home            | http://172.17.0.4/wordpress                                                                       | yes      |
+-----------+-----------------+---------------------------------------------------------------------------------------------------+----------+

In some scenarios it could be useful to automatically update this configuration.

user1301428 · Accepted Answer · 2014年4月22日 21:58

1

user1301428 answered at 2014年4月22日 21:58

For some reason, changing the URL from the GUI worked (after restoring the machine to the old IP address). Go figure.

David Gard · Accepted Answer · 2014年4月22日 14:35

The WordPress Codex 'Changing The Site URL' states the following -

Note: Both settings should include the http:// part and should not have a slash "/" at the end.

I notice in your question that both the WP_HOME and WP_SITEURL constants include the trailing slash. This means that the URL to your style-sheet will be in this format -

http://192.168.0.100/myblog//wp-content/themes/my-theme/style.css'

In short, remove the trailing slash from both declarations and it should fix the problem.

Note also that the aforementioned Codex states the following in relation to the solution that you have chosen.

This is not necessarily the best fix, it's just hardcoding the values into the site itself. You won't be able to edit them on the General settings page anymore when using this method.

I suggest using one of the other more permanent methods described to achieve your goal.

Broken CSS after changing the site URL

About