Question

我正在尝试将样式表链接到Wordpress中的另一个页面。实际的Wordpress安装位于实际站点内的文件夹中。它以这种方式设置，因为我只想在网站的特定部分使用WP（这是一个事后的想法，我知道这不一定是＆＃34;正确的＆＃34;方式到做事......）

我设置了首页，样式都运行正常。但是当创建一个新页面并尝试使用get_header来引入样式时，它们就无法工作。浏览器正在寻找名为styles.css的页面，而不是样式表。

我试图使用＆＃34; enqueue＆＃34;在functions.php文件中，但它仍然无法正常工作。我在主题文件夹中有一份样式表，在css文件夹中也有一份。

在css文件夹中使用enqueue进行复制的示例：

wp_enqueue_script( 'styles', 'get_stylesheet_directory_uri()' . 'css/styles2.css' );

*我在我的页面模板文件中使用了get_header，（与首页工作正常的标题相同），它以这种方式链接：

<link rel="stylesheet" type="text/css" href="../css/styles2.css">

我很确定问题是＆＃34; ../"但是当我用echo get_stylesheet_directory_uri().......代替../时，它不能正常工作。

任何帮助都会很棒，因为我是WP开发的新手。

谢谢大家

Answer 1

你必须这样写，以便链接模板样式表......

 wp_enqueue_script( 'styles', get_template_directory_uri(). 'css/styles2.css',  array(), '0.0.1' );

Answer 2

像这样添加样式表：

wp_enqueue_style( 'styles', bloginfo('template_url').'/css/styles2.css' );

您可以在here

查看更多详情

Answer 3

你需要挂钩css：如果您使用的是儿童主题，请勾选：

[u'1 of 80 DOCUMENTS', u'80 of 80 DOCUMENTS']
[u'Financial Times (London, England)', u'Financial Times (London,England)']
[u'Copyright 2015 The Financial Times Ltd.All Rights ReservedPlease do not cut and paste FT articles and redistribute by email or post to the web.', u'Copyright 1990 The Financial Times Limited']

如果您使用父主题（没有子主题），请勾选：

add_action( 'wp_enqueue_scripts', 'enqueue_unique_function_name_here', 0);
function enqueue_unique_function_name_here()
{
    wp_enqueue_style( 'css_unique_handle_name_here', get_template_directory_uri(). 'folder_path_inside_child_theme/style_sheet_file_name_here.css',  array(), '0.0.1' );
}

如果想要在管理员端加入队列，那么只需更改钩子名称＆＃34; wp_enqueue_scripts＆＃34;到＆＃34; admin_enqueue_scripts＆＃34;。

立即尝试。

Answer 4

您使用过wp_enqueue_script（）而不是wp_enqueue_style（）

wp_enqueue_style用于排队风格
wp_enqueue_script用于排队脚本

wp_enqueue_style( 'styles', 'get_stylesheet_directory_uri()' . 'css/styles2.css' );

以下是相同的完整示例。

add_action( 'wp_enqueue_scripts', 'enqueue_custom_style');
function enqueue_custom_style()
{
    wp_enqueue_style( 'styles', 'get_stylesheet_directory_uri()' . 'css/styles2.css' );
}

在Wordpress中链接样式表

4 个答案: