Question

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

/my-own-styles.css“/＆gt;

我在这段代码中做了两处更改：'my-template.php'和'my-own-styles.css'就是其他的。（我是否也需要更改'template_directory'？）

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

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

Answer 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

Answer 2

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

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

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

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

2 个答案: