如何将 wp 模板链接到不同的样式表答案

【问题标题】：How to link wp template to different stylesheet如何将 wp 模板链接到不同的样式表
【发布时间】：2018-06-21 14:23:43
【问题描述】：

我正在尝试将自己的样式表链接到 wordpress 主题内的自定义页面。我在 header.php 上使用此代码

/my-own-styles.css" />

我在这段代码中做了 2 处更改：'my-template.php' 和 'my-own-styles.css' 仅此而已。（我是否也需要更改“template_directory”？）

在主题目录中我有 'my-own-styles.css' 但它似乎没有得到它。

我还需要它来获取我放在同一目录中但不起作用的 .js 文件..

【问题讨论】：

标签： css wordpress hyperlink stylesheet

【解决方案1】：

在 WordPress 中，您需要将 javascript 和 css 包含到 wp_enqueue_scripts 操作中，并告诉 WordPress 使用 wp_enqueue_style 和 wp_enqueue_script 函数加载它们。

在您的functions.php 文件或任何其他将在模板文件之前加载的文件（例如插件）中，添加以下内容：

add_action('wp_enqueue_scripts' , 'enqueue_my_scripts_and_styles');
function enqueue_my_scripts_and_styles() {
    wp_register_style('my-own-styles.css',home_url('/').'wp-content/themes/**yourthemename**/my-own-style.css');
    wp_enqueue_style('my-own-styles.css');

    wp_register_script('my-own-js.js',home_url('/').'wp-content/themes/**yourthemename**/my-own-js.js');
    wp_enqueue_script('my-own-js.js');

}

有更好的方法来创建文件的路径，但我想提供一个更明显的示例。对于最佳实践，请使用 get_template_directory_uri() http://codex.wordpress.org/Function_Reference/get_template_directory_uri

【讨论】：

【解决方案2】：

要将 wordpress 中的任何页面链接到 css 文件，只需在 header.php 中添加此代码

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/yourfile.css" type="text/css" media="screen" />

其中 css 是主题目录中的一个文件夹。您也可以使用带有路径的代码直接指向您的文件。

【讨论】：