【WP】ページごとにCSSやJSを振り分け

参考サイト:
http://tokyominutes.com/wordpress-php-403error.html

目次

追加箇所

functions.php

コード

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'child-reset',
get_stylesheet_directory_uri() . '/css/reset.css',
array('sng-stylesheet','sng-option')
);
wp_enqueue_style( 'child-common',
get_stylesheet_directory_uri() . '/css/common.css',
array('sng-stylesheet','sng-option')
);
wp_enqueue_style( 'child-animate',
get_stylesheet_directory_uri() . '/css/animate.css',
array('sng-stylesheet','sng-option')
);
}
function add_styles() {
wp_register_style( 'child-reset',
get_stylesheet_directory_uri() . '/css/reset.css');
wp_register_style( 'child-common',
get_stylesheet_directory_uri() . '/css/common.css');
wp_register_style( 'child-top',
get_stylesheet_directory_uri() . '/css/top.css');
wp_register_style( 'child-wp',
get_stylesheet_directory_uri() . '/css/wp.css');
if (is_home()) {
wp_enqueue_style('child-top');
} elseif (is_page()) {
wp_enqueue_style('child-wp');
} elseif (is_singular('post')) {
wp_enqueue_style('child-wp');
}
}
function add_scripts() {
wp_enqueue_script( 'letteringjs',
get_stylesheet_directory_uri() . '/js/jquery.lettering.js',
array(), '', true );
wp_enqueue_script( 'textillatejs',
get_stylesheet_directory_uri() . '/js/jquery.textillate.js',
array(), '', true );
wp_enqueue_script( 'enllaxjs',
get_stylesheet_directory_uri() . '/js/jquery.enllax.min.js',
array(), '', true );
wp_enqueue_script( 'commonjs',
get_stylesheet_directory_uri() . '/js/common.js',
array(), '', true );
wp_enqueue_script( 'wowjs',
get_stylesheet_directory_uri() . '/js/wow.js',
array(), '', true );
wp_enqueue_script( 'mapjs',
get_stylesheet_directory_uri() . '/js/map.js',
array(), '', true );
}
add_action('wp_print_styles', 'add_styles');
add_action('wp_print_scripts', 'add_scripts');
?>

注意点

is_page, is_singular内複数の場合はarray使用。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

目次