wordpress JSやCSSの一元管理

CSSやjsの読み込みはheader.phpに記述して読み込ませることが可能ですが、
functions.phpでwp_enqueue_style()、wp_enqueue_script()をアクションフックに登録して読み込むこともできます。

function add_files() {
    wp_enqueue_style( $handle, $src, $deps, $ver, $media );
}
add_action( 'wp_enqueue_scripts', 'add_files' );

wp_enqueue_style()は、スタイルシートフの重複を回避して、適切な順に読み込ませることができます。

// JS・CSSファイルを読み込む
function add_files() {
    // WordPressのjquery.jsを読み込まない
    wp_deregister_script('jquery');
    // jQueryの読み込み
    wp_enqueue_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js', "", "20160608", false );
   // サイト共通JS
    wp_enqueue_script( 'smart-script', get_template_directory_uri() . '/js/common.js', array( 'jquery' ), '20160608', true );
    // サイト共通のCSS
    wp_enqueue_style( 'main', get_template_directory_uri() . '/css/common.css', "", '20160608' );
}
add_action('wp_enqueue_scripts', 'add_files');

admin

cl0606

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です