如何将我自己的.css和.js链接到wordpress？

Question

我正尝试添加自己的CSS js代码应该在我创建视觉作曲家元素的影响。我不想把我的CSS写入style.css的主题。我宁愿在function.php中添加一些代码的css和js。

根据这个我会尝试处理：developer.wordpress.org

这就是我想补充（在function.php）：

function theme_styles() 
{ 
    wp_enqueue_style('reference-style', get_stylesheet_directory_uri() . '/own-vc-elements/references/reference-style.css'); 
    wp_enqueue_script('reference-script', get_template_directory_uri() . '/own-vc-elements/references/reference-script.js', array('jquery')); 
} 
add_action('wp_enqueue_scripts', 'theme_styles'); 

但它仍然没有做任何事情。哪里不对？

编辑：没有变化。所以这本身应该将css和js添加到wordpress系统中，不是吗？如果没有任何错误。

Browser errors

Answer 1

如果你的脚本取决于jQuery的使用wp_enqueue_script()第三个参数如下

。

wp_enqueue_script('reference-script', get_template_directory_uri() . '/own-vc-elements/references/reference-script.js', array('jquery')); 

如果不再工作请检查您的脚本路径并检查您的浏览器控制台是否有404错误。

在wp_enqueue_style()函数参数替换get_stylesheets_directory_uri()与get_stylesheet_directory_uri() - 有一个额外的s字符 - 。另请注意，您可以使用get_template_directory_uri()而不是get_stylesheet_directory_uri()。

更新

上面的代码解决了资产负载问题。

像这种情况下，案件的另一个问题是文件权限。将读权限设置为文件及其父目录可解决问题。

Answer 2

您可以添加它像任何其他项目，然后将其包含在使用此功能时，您的HTML（该函数将返回一个路径，具有PHP文件当前文件夹。

<link rel="stylesheet" href="<?php bloginfo('template_url');?>pathToFile"/> 

更多信息： https://developer.wordpress.org/reference/functions/bloginfo/

Answer 3

在浏览器错误接过一看，正发现你的样式表，但权限被拒绝（因此403错误）。

这可能是由于您使用的是配置不当的安全插件，某些恶意的.htaccess规则，或者我的猜测，配置不当的文件权限。

这是通过对每个这些问题的解决方案散步指南：http://www.wpbeginner.com/wp-tutorials/how-to-fix-the-403-forbidden-error-in-wordpress/