CSS 未链接到 HTML 页面模板答案

【问题标题】：CSS not linking to HTML Page TemplateCSS 未链接到 HTML 页面模板
【发布时间】：2015-06-04 09:10:09
【问题描述】：

我在localhost wordpress 中尝试过，它在那里工作正常。

但是当我尝试使用我的实时网站并尝试将 CSS 文件链接到 HTML 文件时，我没有得到 CSS 效果。

我使用以下地址位置将 CSS 链接到我的 HTML 文件：

<link href="/wordpress/wp-content/themes/ThemeName/file1.css" rel="stylesheet" />

如何将 CSS 文件链接到我的 HTML？

PS：我将我的 HTML 文件链接到我的 PHP 文件以将页面模板创建为

require(TEMPLATEPATH.'/file1.html')

在控制面板目录中也没有名为wordpress 的文件夹。我的 HTML 和 CSS 文件的地址位置是 /home3/username/public_html/wp-content/themes/ThemeName/file1.html

【问题讨论】：

在html文件中包含css？
@Epodax 是的，我已将 CSS 链接到我的 HTML 文件。
尝试从页面源中查看路径
@SulthanAllaudeen 我在问题中发布了我的HTML 和CSS 文件的路径。我应该在<link /> 中给出什么路径
如果template_url 不适合你，你可以使用一个变量来给出css文件夹的路径并使用concat来链接它

标签： php html css wordpress

【解决方案1】：

你不应该在你的模板中写出这样的完整路径。 Wordpress 为此提供了函数，例如 get_stylesheet_directory_uri ，它返回您当前主题文件夹的 uri。所以要链接你的CSS，你应该这样做：

<link href="<?php echo get_stylesheet_directory_uri(); ?>/file1.css" media="all" rel="stylesheet" type="text/css" />

但您应该考虑从 functions.php 链接您的 css，因为这是一种更好的做法：

function my_scripts()
{
  wp_enqueue_style( 'my_style', get_stylesheet_directory_uri() . '/file1.css' );
}
add_action( 'wp_enqueue_scripts', 'my_scripts' );

这样，当调用wp_head() 时，Wordpress 会在头部为您的样式表添加<link> 标签。

【讨论】：

function.php 部分我应该写在我用来创建页面模板的PHP 文件中吗？
主题文件夹中提供的functions.php文件
那么我应该如何使用这个function.php 文件来链接我的CSS？
您只需将我原始帖子中的代码放入其中即可。这是一个钩子：您定义一个函数，告诉 wordpress 将您的 css 添加到 WP 样式表队列；然后你告诉 Wordpress 在他应该将脚本/样式表排入队列时执行该函数。

【解决方案2】：

css 文件可以像这样包含在主题中 <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url') ?>/file1.css"/> 或者你可以使用 wp_enque_style() 函数

【讨论】：

我们将在template_url 中写什么？
bloginfo('template_url')，它是一个wordpress主题功能。它返回您当前的主题网址

【解决方案3】：

如果您将 css 和 html 存储在同一个文件夹中。我认为它有效：

  <link href="file1.css" rel="stylesheet" />

【讨论】：

可能出了点问题。我试过了，总是好的

【解决方案4】：

我认为你需要指定类型：

<link rel="stylesheet" type="text/css" href="/wordpress/wp-content/themes/ThemeName/file1.css">

【讨论】：