php WP jQuery読み込み顺序

Posted 2021-05-04

//WordPressでは、htmlタグで直接javascriptやjqueryファイルを読み込むことは推奨されていません。
//wp_enqueue_scriptsのアクションはwp_head()またはwp_footer()により実行されます。

//function.php

//①
function replace_jquery() {
  if (!is_admin()) {
    // comment out the next two lines to load the local copy of jQuery
    wp_deregister_script('jquery');
  }
}
add_action('init', 'replace_jquery');


//②WPフォルトのjQueryを無効化（推奨）
function my_delete_local_jquery() {
    wp_deregister_script('jquery');
}
add_action( 'wp_enqueue_scripts', 'my_delete_local_jquery' );



wp_enqueue_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js', array(), NULL, true );







//WPデフォルトjQueryを無効化（推奨）
function my_delete_local_jquery() {
    wp_deregister_script('jquery');
}
add_action( 'wp_enqueue_scripts', 'my_delete_local_jquery' );



// スタイルシート順序
function theme_enqueue() {
    wp_enqueue_style( 'style-parent-1', get_template_directory_uri() . '/style.css', array(), false, 'screen');
    wp_enqueue_style( 'style-parent-2', get_template_directory_uri() . '/css/design-plus.css', array(), false, 'screen'); 
    wp_enqueue_style( 'style-parent-3', get_template_directory_uri() . '/css/responsive.css', array(), false, 'screen and (max-width:1000px)' );
    wp_enqueue_style( 'style-parent-4', get_template_directory_uri() . '/css/footer-bar.css', array(), false, 'screen and (max-width:1000px)' ); 
    wp_enqueue_style( 'style-parent-5', get_template_directory_uri() . '/css/sns-botton.css' ); 

    wp_enqueue_style( 'style-cdn-1', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' ); 
//     wp_enqueue_style( 'style-plugin-1', plugins_url() . '/contact-form-7/includes/css/styles.css' ); 
//     wp_enqueue_style( 'style-plugin-2', plugins_url() . '/instagram-feed/css/sb-instagram.min.css' );

    wp_enqueue_style( 'style-child-1', get_stylesheet_directory_uri() . '/style.css' ); 
    wp_enqueue_style( 'style-child-3', get_stylesheet_directory_uri() . '/css/admin.css' ); 

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



// スクリプト順序
function my_enqueue_scripts() {
	wp_enqueue_script( 'jquery3', 'http://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js', array(), NULL, false );
	wp_enqueue_script( 'script-1', get_template_directory_uri() . '/js/jscript.js', array(), NULL, true );
	wp_enqueue_script( 'script-2', get_template_directory_uri() . '/js/comment.js', array(), NULL, true );
	wp_enqueue_script( 'script-3', get_template_directory_uri() . '/js/jquery.easing.1.3.js',array(), false, true );
}
add_action( 'wp_enqueue_scripts', 'my_enqueue_scripts' );





// CSS読み込み順序 ---------------------------------------------------------------
function theme_enqueue() {

	// Gutenberg用CSSを無効化
	wp_dequeue_style('wp-block-library');

    wp_enqueue_style( 'cdn-1', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' ); 
    wp_enqueue_style( 'theme-1',  get_template_directory_uri() . '/assets/css/style.css' );
    wp_enqueue_style( 'theme-2',  get_template_directory_uri() . '/assets/fonts/style.css' );

	// 調査ページ
	if ( is_page(['directory-map','count-page'])){
	    wp_enqueue_style( 'plug-1',       get_template_directory_uri() . '/assets/js/jquery.toast.min.css');
	}
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue' );



// JS読み込み順序 ---------------------------------------------------------------
function my_enqueue_scripts() {

	// デフォルトjQueryの無効化・指定バージョンで上書き
	wp_deregister_script('jquery');
	wp_enqueue_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js', array(), NULL, false );
	wp_enqueue_script('script-0',  get_template_directory_uri() . '/assets/js/function.js', array(), NULL, true );

	// 調査ページ
	if ( is_page(['directory-map','count-page'])){
    	wp_enqueue_script( 'defer-2', get_template_directory_uri() . '/assets/js/jquery.validate.js', array( 'jquery' ), '20190131', true);
	    wp_enqueue_script( 'defer-3', get_template_directory_uri() . '/assets/js/additional-methods.js', array( 'jquery' ), '20190131', true);
	    wp_enqueue_script( 'defer-4', get_template_directory_uri() . '/assets/js/validate-config.js', array( 'jquery' ), '20190131', true);
	    wp_enqueue_script( 'async-2', get_template_directory_uri() . '/assets/js/jquery.toast.js', array( 'jquery' ), '20190131', true);
	}

	
	// アカウントページ
	$currentUriArray = explode('/', $_SERVER['REQUEST_URI']);
	if($currentUriArray[1] == 'account'){
		wp_enqueue_script('async-1', get_template_directory_uri() . '/assets/js/function.history.js',array(),'20190131', true);
	}
	
}
add_action( 'wp_enqueue_scripts', 'my_enqueue_scripts' );




// スクリプトタグにasync属性を追加する。
function addasync_enqueue_script( $tag, $handle ) {
	if (!preg_match("/^async/",$handle)) { return $tag; }
    return str_replace( ' src', ' async src', $tag );
}
// スクリプト出力時に処理
add_filter( 'script_loader_tag', 'addasync_enqueue_script', 10, 2 );


// スクリプトタグにdefer属性を追加する。
function adddefer_enqueue_script( $tag, $handle ) {
	if (!preg_match("/^defer/",$handle)) { return $tag; }
    return str_replace( ' src', ' defer src', $tag );
}
// スクリプト出力時に処理
add_filter( 'script_loader_tag', 'adddefer_enqueue_script', 10, 2 );