没有在 localhost 上加载 Wordpress 样式答案

【问题标题】：Wordpress styles not being loaded on localhost没有在 localhost 上加载 Wordpress 样式
【发布时间】：2016-02-09 05:35:08
【问题描述】：

我让 IIS 和 WAMP 同时运行。他们监听不同的端口，一切都很好，直到我将一个 wordpress 网站从 localhost 移动到 godaddy。现在，当我加载 http://localhost:8080/wordpress/#（这是 wamp 服务器）时，所有样式都没有被加载。 wordpress 网站位于 www 文件夹中。我正在加载样式表：

<link type="text/css" rel="stylesheet" href="<?php echo trailingslashit( get_bloginfo('template_url') ); ?>style.css" media="screen" />

浏览器呈现：

<link type="text/css" rel="stylesheet" href="localhost:8080/wordpress/#/wp-content/themes/ParvanTheme/style.css" media="screen">

路径正确。

知道如何解决这个问题吗？

我尝试在 apache 上创建虚拟主机。

<VirtualHost *:8080> ...

即使 IIS 侦听 80 和 WAMP 到 8080，虚拟主机仍会打开 IIS。

【问题讨论】：

最好创建一个虚拟主机，尤其是运行一个实时 WordPress 站点的副本See thsi for help creating a Virtual Host

标签： wordpress iis wamp

【解决方案1】：

路径不正确，我几乎不相信其中带有井号的 URL 确实链接到服务器上的物理文件夹，如果它确实链接到服务器上的物理文件夹，则可能您运行了一些我相信 GoDaddy 没有运行的神秘配置。

另外，您没有正确加载样式表。在 Wordpress 中，永远不会在 header.php 文件中手动输入样式表，因为这个特定原因，您正在绕过 wp_head() 函数。这可能会导致您在未来遇到其他无穷无尽的疯狂问题。

加载样式表的正确方法是在主题文件夹内的functions.php 文件中注册样式文件并将其排入队列。

您可以通过这种方式将注册/排队挂接到您的 wp_enqueue_scripts 操作：

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

get_stylesheet_uri() 直接指向你的 style.css 位于主题文件夹，如果你需要附加其他 CSS 文件，你可以按照 JS enqueue 的例子。

Wordpress Codex 是你的朋友，你需要更多关于 wp_enqueue_style() 参数的信息，你可以在 Codex 的相关页面上好好阅读：https://codex.wordpress.org/Function_Reference/wp_enqueue_style

现在，谈谈您的 IIS/WAMP 问题。如果在 8080 打开浏览器你仍然可以看到 IIS 启动页面，可能是因为 IIS 已经占用了 8080 端口，如果是这种情况，Apache 应该通知你它无法启动，因为 8080 绑定到另一个正在使用的端口。我可以建议您在使用 WAMP 时停止 IIS，或者移动 Apache 以服务于您系统上未使用的另一个端口。

如果所有其他方法都失败了，您可以配置 IIS 以运行 PHP 和 Wordpress，但请记住，这需要在 IIS 上进行一些操作，并且此处的 .htaccess 文件根本不起作用（并且您需要在web.config 文件）。

【讨论】：