0

我将 html、css、js 模板转换为 wordpress 主题。为了让我的css正常工作，我只是在functions.php中添加了函数，但是为了让javascript加入队列它不起作用我尝试了很多修改但没有任何效果这是我的function.php

<?php


function load_stylesheets()
{
	
	wp_register_style('normal',get_template_directory_uri() . '/css/normalize.css',  array(), 1, 'all');
	wp_enqueue_style('normal');
	
	
	
	wp_register_style('demonstration',get_template_directory_uri() . '/css/demo.css',  array(), 1, 'all');
	wp_enqueue_style('demonstration');

}
add_action('wp_enqueue_scripts','load_stylesheets');





function addjs()
{
		
	
	wp_register_script('anime', get_template_directory_uri() . '/js/anime.min.js', array(), 1,1, 1);
	wp_enqueue_script('anime');
	
	
	wp_register_script('imagesload', get_template_directory_uri() . '/js/imagesloaded.pkgd.min.js', array(), 1,1, 1);
	wp_enqueue_script('imagesload');
	
	
	wp_register_script('main', get_template_directory_uri() . '/js/main.js', array(), 1,1, 1);
	wp_enqueue_script('main');
	

		
}

4

3 回答 3

1

请试试这个

add_action('wp_footer','addjs');

function addjs() {

    wp_register_script('anime', get_template_directory_uri() . '/js/anime.min.js', array ('jquery'),'',true);

    wp_register_script('imagesload', get_template_directory_uri() . '/js/imagesloaded.pkgd.min.js', array ('jquery'),'',true);


    wp_register_script('main', get_template_directory_uri() . '/js/main.js', array ('jquery'),'',true);

}
于 2020-01-17T05:28:39.073 回答
0

wp_enqueue_scripts 是在将要出现在前端的脚本和样式排入队列时使用的正确钩子。尽管有这个名字，但它用于将脚本和样式排入队列。

因此，您必须在一个函数中添加脚本和样式，或者您可以使用现有代码再添加一个 wordpress 操作。

add_action( 'wp_enqueue_scripts', 'addjs' );

于 2020-01-17T15:13:25.233 回答
0

它的短而甜的是你没有在addjs任何地方调用你的函数。如果您添加：

add_action( 'wp_enqueue_scripts', 'addjs' );

然后它应该工作。（注意：以上不适用于任何人，请查看下面的编辑）

但是，您应该注意以下几点：

  • 确保您的缩进/间距一致，并且行后没有多余的空格。干净的代码是关键！

  • 不需要单独添加 JS 和 CSS 文件，它们都可以在同一个add_action函数回调中处理。

  • 除非您正在做一些非常花哨的事情（仅在页面上找到短代码时才入队等），wp_enqueue_{script/style}否则将为您处理该wp_register_{script/style}功能。在大多数情况下，您可以使用enqueue它们而不是注册然后将它们排队。

  • 查看文档并确保您的参数与函数接受的参数相同。它将防止在更极端的情况下出现警告和错误。

这是为您整理的示例：

add_action( 'wp_enqueue_scripts', 'enqueue_theme_assets' );
function enqueue_theme_assets(){
    // Styles
    wp_enqueue_style( 'normal', get_template_directory_uri() . '/css/normalize.css', array(), '1.0' );
    wp_enqueue_style( 'demonstration', get_template_directory_uri() . '/css/demo.css', array(), '1.0');

    // Scripts
    wp_enqueue_script( 'anime', get_template_directory_uri() . '/js/anime.min.js', array(), '1.0', true );
    wp_enqueue_script( 'imagesload', get_template_directory_uri() . '/js/imagesloaded.pkgd.min.js', array(),'1.0', true );
    wp_enqueue_script( 'main', get_template_directory_uri() . '/js/main.js', array(), '1.0', true );
}

编辑：

我刚刚看到你的评论add_action( 'wp_enqueue_scripts', 'addjs' );不起作用。看看wp_enqueue_script()文档。您将在#Usage部分注意到，它正确地将脚本排入wp_enqueue_scripts钩子依赖于主题中使用的wp_footer()和wp_head()函数，因此**确保您已wp_footer();在主题中调用，特别是因为您已将$in_footer参数设置为true.

于 2020-01-17T01:56:38.960 回答