私はstyle.css
に名前だけを持つカスタムテーマを持っています。私はそれをちょうどうまく示している管理者でそれをアクティブにしました。
index.php
ではちょうど<?php wp_head(); ?>
であり、メインのスタイルシートstyle.css
を含めることになっている行を出力しません
<link rel='stylesheet' id='my-theme' href='~/wp-content/themes/my-theme/style.css' type='text/css' media='all' />
それはその行の他のすべてのもの but を出力します。デフォルトのスタイルシートを含む行が印刷されないのはなぜですか?
style.css
:
/*
Theme Name: my-theme
*/
index.php
:
hello world
<?php wp_head(); ?>
出力:
hello world <meta name='robots' content='noindex,follow' /> <link rel='stylesheet' id='open-sans-css' href='//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=4.0' type='text/css' media='all' /> <link rel='stylesheet' id='dashicons-css' href='~/wp-includes/css/dashicons.min.css?ver=4.0' type='text/css' media='all' /> <link rel='stylesheet' id='admin-bar-css' href='~/wp-includes/css/admin-bar.min.css?ver=4.0' type='text/css' media='all' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="~/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="~/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 4.0" /> <style type="text/css" media="print">#wpadminbar { display:none; }</style> <style type="text/css" media="screen"> html { margin-top: 32px !important; } * html body { margin-top: 32px !important; } @media screen and ( max-width: 782px ) { html { margin-top: 46px !important; } * html body { margin-top: 46px !important; } } </style>
実際には、JSファイルとCSSファイルをheader.php
に追加するべきではありませんが、それらを追加するために関数 wp_enqueue_script()
と wp_enqueue_style()
を使用してください。
コーデックスページからの例:
/**
* Proper way to enqueue scripts and styles
*/
function theme_name_scripts() {
wp_enqueue_style( 'style-name', get_stylesheet_uri() );
wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );