web-dev-qa-db-ja.com

ページ上でカスタムのcssおよびjavascriptファイルを実行するためのオプションは何ですか？

ブログの投稿やページにカスタムのcssやjavascriptを含めるには、 jsbin 、 を埋め込むことができます。 codepen 、または plunkr リンク。 angular.js、d3.jsなどの外部ライブラリを含めたい場合は、これらのコードエディタおよび環境で、PostまたはPageに埋め込むためのNiceサンドボックス（cssとjsの両方の観点から）が提供されます。

どのcssファイルとjsファイルをページに含めるかを完全に制御できるカスタムページを作成するための、Wordpress独自の優れたオプションがありますか。

pagescssjavascript
1
mg1075

WordPressの組み込み機能Function Reference/is pageを使用して、functions.phpファイルのscript_enqueue()関数にifステートメントを添付することができます。

コーデックスでもっと読む：

https://codex.wordpress.org/Function_Reference/is_page

これは私が作っているテーマの一例です。

if (is_page( array('mortgage-calculator', 'contact' ) )){
            wp_enqueue_script('angularjs', get_template_directory_uri().'/js/angular.min.js', array(), '1.4.1', true);
            wp_enqueue_script('d3', get_template_directory_uri().'/js/d3.min.js', array(), '10/22/2015', true);
            wp_enqueue_script('c3-js', get_template_directory_uri().'/js/c3.min.js', array(), '10/22/2015', true);
            wp_enqueue_script('c3-css', get_template_directory_uri().'/css/c3.min.css', array(), '10/22/2015', false);
            wp_enqueue_script('fcsaNumber', get_template_directory_uri().'/js/fcsaNumber.min.js', array(), '1.0.0', true);
            wp_enqueue_script('mortCalcApp', get_template_directory_uri().'/js/mortCalcApp.js', array(), '1.0.0', true);
    }

これらのファイルはこれら2つのページでのみ使用されます。

1
Gothburz