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

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

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

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

Answer 2

如果您的脚本依赖于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 3

查看浏览器错误，找到样式表，但拒绝权限（因此403错误）。

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

以下是针对每个问题的解决方案的指南：http://www.wpbeginner.com/wp-tutorials/how-to-fix-the-403-forbidden-error-in-wordpress/

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

3 个答案: