Wordpress 无法正确显示 CSS 文件答案

【问题标题】：Wordpress does not properly display CSS fileWordpress 无法正确显示 CSS 文件
【发布时间】：2013-09-12 18:39:31
【问题描述】：

我有一个疯狂的问题正在发生，它让我大吃一惊。我在我的本地主机上安装了 Wordpress 并开始开发。我修改了标准的 22 主题并将自定义 HTML 和 CSS 添加到整个站点（4 或 5 页。）该站点在我的本地计算机上显示得很好（Mac OSX - Safari 6.0.5，Firefox 23.0。Chrome 29.0）。

我将我的网站转移到我的实时主机（在 GoDaddy 下），并通过转储数据库然后导入它来迁移数据库。现在我可以在我的本地主机和实时主机 URL 下拉出我的网站，并且该网站看起来与它应该的完全一样。但是，当我通过（browsershots.org 和 browserstack）之类的网站交叉检查 CSS 时，该网站看起来很糟糕。它几乎就像主 style.css 文件没有正确链接。这些浏览器检查站点在所有操作系统和所有浏览器上都显示该站点处于废墟之中。尽管如此，当我在我的个人机器上启动该站点时，它看起来还是应该的。我的客户将网站从他们的机器上拉出来，它看起来就像是一片废墟，就像 CSS 检查网站所描绘的那样。

我已经清除了浏览器缓存，以为我可能正在重新加载网站的缓存版本（让我错误地希望它看起来不错），但是在通过我的本地计算机查看远程版本时，它仍然看起来像它应该的样子。

旁注：页面的所有元素似乎都可以正常加载。菜单栏在那里。文本和内容在那里。它只是没有样式。

有人知道会发生什么吗？

【问题讨论】：

网站的网址是什么？
fairchildwebsolutions.com/michael

标签： css wordpress

【解决方案1】：

该站点正在尝试从您的本地主机提供文件。

来自 WP Codex：

当您的域名或 URL 发生变化时 - 即从 http://example.com/blog 到 http://example.com，或 http://example.com 致http://example.net - 还有其他问题。文件和可以移动数据库，但是引用旧域名或位置将保留在数据库中，这可能会导致问题链接或主题显示。您需要更改您的网站网址迁移到新主机之前的数据库。

您需要更改这些硬编码的网址，方法是在数据库中手动搜索和替换它们，或者使用this 脚本。

More on WP Codex

【讨论】：

啊，我明白了。我阅读了这些说明，但是当我查看迁移的站点时，我发现一切正常，因此我没有进行搜索和替换。我现在看到它对我有用的原因是，在我的计算机上，该站点仍然可以服务于 localhost 并且可以正常工作，但在任何其他机器上它都不能。
@fstephen07 一个容易犯的错误，当我第一次将本地站点部署到我的主机时，我真的很困惑 :) 祝你好运！

【解决方案2】：

您需要更新数据库中站点 URL 的所有实例。部分可以通过进入管理面板并在设置->常规中更改站点和主页 URL 来完成（或通过许多其他方法，例如向 wp-config 添加代码）。

详情请看这里：Changing The Site URL (WP Codex)

这可能会解决您的 CSS 问题（假设您在模板调用中使用了 get_stylesheet_directory_uri() 或 'wp_enqueue_style` 或任何类似函数）。

我的首选方式是使用 this great serialized string find and replace script for WP。这将遍历您的整个数据库（或您选择的任何表 - 重要的通常是 wp_options 和 wp_posts）并更新旧 url 的所有实例（例如 localhost/whatever）并将其更新为新的 web url。

它还具有不破坏序列化字符串的优点，这使其比通过 phpMyAdmin 或类似方法执行基本的 UPDATE SQL 查询更好。 WordPress 中的某些东西使用序列化字符串，例如文本小部件和许多插件。

只需将 searchreplacedb2.php 脚本上传到您的 Web 目录根目录（wp-config.php 所在的位置），然后在浏览器中访问它。

【讨论】：

Codex 链接 (codex.wordpress.org/Changing_The_Site_URL) 对我有用，谢谢！

【解决方案3】：

看起来您还没有更新 WP 中的设置，并且所有内容仍然指向 localhost。一旦你这样做了，一切都会好起来的！

【讨论】：

【解决方案4】：

它仍然链接到本地主机。这是您的样式表 URL：

http://localhost/Sites/michael/wp-content/themes/twentytwelve/style.css?ver=3.6

您需要搜索并替换您的数据库并替换本地主机地址。使用这个：http://interconnectit.com/products/search-and-replace-for-wordpress-databases/

【讨论】：