25

最新のワードプレスに付属している標準のトゥウェンティサーティーン テーマを編集しています。

自分の .css ファイルを wp_head にいくつか追加する必要がありますが、その方法がわかりません。現在、wp_head の外でファイルを呼び出していますが、これは面倒で、適切に実行したいと考えています。

<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo("template_url"); ?>/bootstrap.css" />
<script type="text/javascript"   src="<?php bloginfo("template_url"); ?>/js/bootstrap.min.js"></script>

<?php wp_head(); ?>

wp_head に何が入るかはどこで定義されていますか?どうすればそれに独自のものを追加できますか?

4

5 に答える 5

41

wp_head() に独自の css を追加するには、WordPress 関数のコレクションを使用する必要があります。

まず、これをテーマの functions.php ファイルに入れます。

add_action('wp_enqueue_scripts', 'your_function_name');

(これはadd アクションフックを使用し、wp_enqueue_scriptsアクションにフックします。)

次に、WordPress 関数wp_enqueue_styleを利用する関数を functions.php ファイルに追加する必要があります。

function your_function_name() {
    wp_enqueue_style('my-script-slug',  get_stylesheet_directory_uri() . '/your_style.css');
}

get_stylesheet_directory_uri()の使用に注意してください。これは、テーマの適切なスタイルシート ディレクトリを取得します。

これは、スクリプトをヘッダーにエンキューする適切な方法でもあります。例:

function your_function_name() {
    // Enqueue the style
    wp_enqueue_style('my-script-slug',  get_stylesheet_directory_uri() . '/your_style.css');
    // Enqueue the script
    wp_enqueue_script('my-script-slug',  get_stylesheet_directory_uri() . '/your_script.js');
}

WordPress wp_enqueue_script関数を使用します。

最後に、23 (またはその他のコア テーマ) テーマを直接変更することは、通常はお勧めできません。推奨事項は、子テーマを作成することです (私の意見ではやり過ぎですが、言及する価値があります)。

于 2013-08-29T19:38:46.107 に答える
1

スタイルシートには wp_enqueue_style を、javascript には wp_enqueue_scripts を使用します

http://codex.wordpress.org/Function_Reference/wp_enqueue_style

http://codex.wordpress.org/Function_Reference/wp_enqueue_script

于 2013-08-29T19:38:13.317 に答える
-4

うーん、上記のとおりですが、 wp_head が呼び出された後にシートにリンクすることもできます

<?php wp_head(); ?>
<link href="/wp-content/themes/YourTheme/cssFolder/YourOtherStyleSheet.css">

読みやすいので、これは通常私が行うことです。

さらに、デフォルトのテーマを変更しようとするのではなく、 http://html5blank.comのようなものを使用してきれいな空白の wp テーマを使用することをお勧めします (したがって、子テーマはまったく異なるテーマではありません)。

于 2014-06-28T14:33:23.273 に答える