1

wordpress のテーマ内のカスタム ページにリンクされた独自のスタイルシートを使用しようとしています。私のheader.phpでこのコードを使用しています

/my-own-styles.css" />

私が行ったこのコードには、「my-template.php」と「my-own-styles.css」の 2 つの変更があります。(「template_directory」も変更する必要がありますか?)

テーマディレクトリ内に「my-own-styles.css」がありますが、取得できないようです。

また、同じディレクトリに配置した.jsファイルを取得する必要がありますが、機能しません..

4

2 に答える 2

1

WordPress では、javascript と css インクルードを wp_enqueue_scripts アクションにフックし、wp_enqueue_stylewp_enqueue_script関数を使用してそれらをロードするように WordPress に指示する必要があります。

functions.php ファイル、またはテンプレート ファイルの前に読み込まれるその他のファイル (プラグインなど) に、次のように追加します。

add_action('wp_enqueue_scripts' , 'enqueue_my_scripts_and_styles');
function enqueue_my_scripts_and_styles() {
    wp_register_style('my-own-styles.css',home_url('/').'wp-content/themes/**yourthemename**/my-own-style.css');
    wp_enqueue_style('my-own-styles.css');

    wp_register_script('my-own-js.js',home_url('/').'wp-content/themes/**yourthemename**/my-own-js.js');
    wp_enqueue_script('my-own-js.js');

}

ファイルへのパスを作成するより良い方法がありますが、より明白な例を提供したかったのです。ベスト プラクティスとして、get_template_directory_uri() http://codex.wordpress.org/Function_Reference/get_template_directory_uriを使用します。

于 2013-04-19T22:04:41.190 に答える
1

wordpress の任意のページを css ファイルにリンクするには、このコードを header.php に追加するだけです

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/yourfile.css" type="text/css" media="screen" />

css は、テーマ ディレクトリ内のフォルダーです。ファイルへの直接パスを指定してコードを使用することもできます。

于 2013-04-21T13:30:43.797 に答える