css - 如何将 wp 模板链接到不同的样式表

Question

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

/my-own-styles.css" />

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

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

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

Answer 1

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

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

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

Answer 2

在 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