自定义CSS和JS没有在WordPress上加载

时间:2017-11-09 08:19:45

标签: wordpress wordpress-theming custom-wordpress-pages

这些Enqueue脚本我想在特定页面中的HTML上加载这些代码。对我来说它不起作用。我通过激活子主题

来实现代码
    function child_post_themes_styles() {

    wp_enqueue_style( 'reset_css', get_template_directory_uri() . '/css/resetx.css' );
    wp_enqueue_style( 'style_css', get_template_directory_uri() . '/css/stylex.css' );

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

    function child_post_themes_js() {

    wp_enqueue_script( 'modernizer_js', get_template_directory_uri() . '/js/modernizerx.js', '', '', false );
    wp_enqueue_script( 'main_js', get_template_directory_uri() . '/js/mainx.js', '', '', false );
    wp_enqueue_script( 'jquery2_js', get_template_directory_uri() . '/js/jquery-2.1.1x.js', 'array('jquery')', '', true );
    wp_enqueue_script( 'jquerymobile_js', get_template_directory_uri() . '/js/jquery.mobilex.custom.min.js', 'array('jquery')', 'jquery2_js', '', true );

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

2 个答案:

答案 0 :(得分:0)

    function child_post_themes_styles() {

    wp_enqueue_style( 'reset_css', get_stylesheet_directory_uri() . '/css/resetx.css' );
    wp_enqueue_style( 'style_css', get_stylesheet_directory_uri() . '/css/stylex.css' );

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

    function child_post_themes_js() {

    wp_enqueue_script( 'modernizer_js', get_stylesheet_directory_uri() . '/js/modernizerx.js', '', '', false );
    wp_enqueue_script( 'main_js', get_stylesheet_directory_uri() . '/js/mainx.js', '', '', false );
    wp_enqueue_script( 'jquery2_js', get_stylesheet_directory_uri() . '/js/jquery-2.1.1x.js', 'array('jquery')', '', true );
    wp_enqueue_script( 'jquerymobile_js', get_stylesheet_directory_uri() . '/js/jquery.mobilex.custom.min.js', 'array('jquery')', 'jquery2_js', '', true );

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

get_template_directory_uri 将始终引用资产的父主题文件夹。 get_stylesheet_directory_uri 会引用"当前"资产的主题文件夹(可以是父项或子项,具体取决于调用的位置)。

答案 1 :(得分:0)

您可以在子主题文件夹中创建文件functions.php。

将函数放在子主题文件夹

中的functions.php文件之后

add_action( 'wp_enqueue_scripts', 'child_post_themes_styles' );
function child_post_themes_styles() {
	wp_enqueue_style( 'reset-css', get_template_directory_uri().'/css/resetx.css' );
	wp_enqueue_style( 'style-css', get_template_directory_uri().'/css/stylex.css' );
	wp_enqueue_script( 'modernizer-js', get_bloginfo( 'stylesheet_directory' ).'/js/modernizerx.js', array( 'jquery' ), '', false );
	wp_enqueue_script( 'main-js', get_bloginfo( 'stylesheet_directory' ).'/js/mainx.js', array( 'jquery' ), '', false );
	wp_enqueue_script( 'jquery2-js', get_bloginfo( 'stylesheet_directory' ).'/js/jquery-2.1.1x.js', array( 'jquery' ), '', true );
	wp_enqueue_script( 'jquerymobile-js', get_bloginfo( 'stylesheet_directory' ).'/js/jquery.mobilex.custom.min.js', array( 'jquery' ), '', true );
}