链接到 CSS 样式表答案

【问题标题】：link to CSS stylesheet链接到 CSS 样式表
【发布时间】：2012-01-20 23:55:41
【问题描述】：

我在我的 Wordpress 主题选项面板中有一个选项，可以从五种不同的样式中进行选择。如果我选择黄色、红色、绿色、蓝色或黑色，则在 localhost 上运行 Wordpress，样式应用正确并且一切正常。我在header.php 中使用的代码是这样的：

<link rel="stylesheet" type="text/css" media="screen"
href="<?php bloginfo('template_directory'); ?>/css/<?php echo get_option('of_cssstyles'); ?>.css" />

但是当我在网络上安装相同的主题时，我得到一个完全没有 CSS 样式的网页，你可以在这里看到它：(http://macoverflow.org/p3dra/)，因为你可以看到没有应用 CSS 样式。

如何解决这个问题？

【问题讨论】：

首先，验证 PHP 的输出是否正在为样式表生成预期的 URL。您链接到的页面没有位于href 的样式表，来自link 标记。

标签： php css wordpress stylesheet

【解决方案1】：

您要链接的样式表不存在。您需要将其上传到服务器或链接到上传位置。

编辑：转到：http://macoverflow.org/p3dra/wp-content/themes/blankfolio/css/ 显示样式表实际上称为“yellow.css”，但您链接到的页面是“Yellow.css”，请注意“y”的大小写。

【讨论】：

我重新上传了我的主题并激活了它。现在无需更改任何代码即可显示一些样式。也许是权限问题。我将 y 更改为 Y 但仍然无法正常工作！但在本地主机上工作正常。
@RicardoRibeiro，Yellow.css 不存在。您需要将 css 上传为“Yellow.css”或更改 php 以返回“yellow.css”
它确实存在，我用ftp确认，所有文件都在那里。当我尝试使用 firebug 进行编辑时，它找不到它。只有 style.css。但是所有文件都在 css 文件夹中。
@RicardoRibeiro，无论您做什么，您的网站现在看起来都很好。
我将 css 文件夹中的所有文件复制到了样式文件夹中，并且成功了。但现在我无法从主题选项面板更改任何样式。这有点令人困惑，因为我将 css 文件链接到 css 文件夹而不是我什至不需要的样式文件夹。也许有一些 php 函数也链接到样式文件夹。

【解决方案2】：

您是否将样式表上传到服务器？
您是否将样式表上的权限设置为 apache 可以读取？
通过查看完成页面中的最终 html 代码，我收到了以下信息：

http://macoverflow.org/p3dra/wp-content/themes/blankfolio/css/Yellow.css

没有找到。

【讨论】：

我重新上传了我的主题并激活了它。现在无需更改任何代码即可显示一些样式。可能是权限问题。

【解决方案3】：

他的意思是文件名是区分大小写的，所以 Yellow.css 和 Yellow.css 在 apache 的眼中是两个不同的文件，它们的不同之处就像一个名为 yellow.css 而另一个名为 pink。 css ，细节在第一个字母，是大写。

【讨论】：

我明白这一点，并且我已经进行了更改以使其正常工作，但我仍然遇到问题。
谁对我投了反对票，我在编辑答案之前发表了评论。