【问题标题】:CSS is not working?CSS 不工作?
【发布时间】:2015-08-16 18:29:40
【问题描述】:

我已经设法让我的 Debian 服务器在 VestaCP 下运行 Apache2,但还有另一个问题。

当我尝试安装 WordPress 时,只显示纯文本,因为 css 甚至无法加载(所以我不知道标题是否正确),是的,根本没有设计。

看这里:https://www.mrxidevelopment.de/img/i14397482092008.png

另外,通过纯文本安装后,我无法登录。

这是 apache 的错误配置还是我在任何地方禁用了 css?

问候

【问题讨论】:

  • 使用浏览器的开发工具(F12)并检查加载CSS文件时是否有任何错误。
  • @KarthikeyanVaithilingam 如何检查我是否按下了 F12?

标签: css linux wordpress apache2 debian


【解决方案1】:

一个问题可能是通过 HTTPS 提供资源。例如,您的主站点包含很多绝对路径。也许您有这样做的原因,但这可能会导致问题:)

如果你改变:

    href="http://[whatever the uri is].css"

收件人:

    href="//[whatever the css uri is].css"

然后您将拥有“协议相对”路径。

另一个指针是使用安装了 FireBug 扩展的 Firefox。你可以找到它here

最后,在 WordPress 常规设置下,您可以将 WordPress 地址 (URL) 和站点地址 (URL) 从 HTTP 更改为 HTTPS。如果您无权访问您的管理员,您可以通过 wp-config.php 更改此设置,see here for guidance on doing so.

编辑

问题在于为您的资源提供的路径。

尝试在浏览器中单击鼠标右键并选择View Source。查看页面的标签。它包含所有样式表和 javascript 包括。

目前,所有路径都以http:// 为前缀,这在HTTPS 协议上不起作用。我的意思是使用协议相对路径。

例如,在 Inspector(在 Firefox 中)我更改了以下行:

<link rel="stylesheet" id="twentyfifteen-style-css" href="http://www.mrxidevelopment.de/wp-content/themes/twentyfifteen/style.css?ver=4.2.4" type="text/css" media="all">

<link href="//www.mrxidevelopment.de/wp-content/themes/twentyfifteen/style.css?ver=4.2.4" rel="stylesheet" id="twentyfifteen-style-css" type="text/css" media="all">

更改在我的浏览器中呈现您的页面,如下所示:

请注意,href= 属性是唯一的更改 - 但它可以成功定位和加载 CSS 文件。

您需要对您希望包含的任何其他资源(即图像、CSS 和 JS 等)执行相同的操作

有关详细信息,请参阅 SO 问题 herehere

只是为了清楚

在 Inspector(或其他浏览器工具)中更改 href 属性不是永久性的 - 但对于调试非常有用。

要永久修复路径,请在编辑器 Sublime Text is great for this 中打开您的源代码并编辑您的标记。

如果您需要任何进一步的帮助,请告诉我。

【讨论】:

  • 感谢您的回答,我会用 Firefox 试试。但是,无论css uri是什么,我需要在哪里更改第一个提到的东西......?问候
  • 好吧,我尝试正常调用它(没有 https)它正在工作mrxidevelopment.de/img/i14398061551208.png,但是如何解决这个问题?!
  • 查看我的更新答案 - 这个问题也很常见 - 请参阅其他 SO 帖子 :)
猜你喜欢
  • 1970-01-01
  • 2016-08-09
  • 2014-08-07
  • 2014-04-23
  • 2018-02-24
  • 2010-10-26
  • 2016-11-16
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多