WORDPRESSワードプレス
  • WORDPRESS
  • 2021.1.4

ワードプレスで複数のcssに分けてfunction.phpで一元管理する方法

function.phpに下記の記述をする。
パラメーターの設定もできるのでキャッシュが残る問題もクリアできる。


function add_files() {
// 共通 JS
wp_enqueue_script( 'common-script', get_stylesheet_directory_uri() . '/common/js/common.js', array(), '20201230004' );
// 共通 CSS
wp_enqueue_style( 'ico-style', get_stylesheet_directory_uri() . '/common/css/font-awesome.min.css', array(), '20201230004' );
wp_enqueue_style( 'reset-style', get_stylesheet_directory_uri() . '/common/css/reset.css', array(), '20201230004' );
wp_enqueue_style( 'common-style', get_stylesheet_directory_uri() . '/common/css/common.css', array(), '20201230004' );
wp_enqueue_style( 'module-style', get_stylesheet_directory_uri() . '/common/css/module.css', array(), '20201230004' );
wp_enqueue_style( 'jquery-style', get_stylesheet_directory_uri() . '/common/css/jquery.css', array(), '20201230004' );
// 投稿一覧用 CSS
if ( is_archive() || is_search() || is_home() ) wp_enqueue_style( 'archive-style', get_stylesheet_directory_uri() . '/css/archive.css', array(), '20201230004' );
// 固定ページ用 CSS
if ( is_page() ) wp_enqueue_style( 'page-style', get_stylesheet_directory_uri() . '/css/page.css', array(), '20201230004' );
// 投稿ページ用 CSS
if ( is_single() ) wp_enqueue_style( 'single-style', get_stylesheet_directory_uri() . '/css/single.css', array(), '20201230004' );
// TOP用 CSS
if ( is_front_page() ) wp_enqueue_style( 'top-style', get_stylesheet_directory_uri() . '/css/top.css', array(), '20201230004' );
}
add_action( 'wp_enqueue_scripts', 'add_files' );

CONTACT
〇〇〇〇へのお問い合わせは、
こちらからお気軽にご連絡ください。