个性化阅读
专注于IT技术分析

自定义CSS和JS无法在WordPress上加载

我想将这些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' );

#1


    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将引用资产的”当前”主题文件夹(可以是父项或子项, 具体取决于调用位置)。


#2


你可以在子主题文件夹中创建文件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 );
}
赞(0) 打赏
未经允许不得转载:srcmini » 自定义CSS和JS无法在WordPress上加载
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏