Was sind die Optionen zum Ausführen von benutzerdefinierten CSS- und JavaScript-Dateien auf einer Seite?

Um benutzerdefinierte css und javascript in einen Blogpost oder eine Seite einzufügen , wäre eine Option, einen jsbin- , copepen- oder plunkr- Link einzubetten. In Fällen, in denen Sie externe Bibliotheken wie angular.js, d3.js usw. hinzufügen wollten, würden diese Code-Editoren und Umgebungen eine nette Sandbox (sowohl aus CSS– als auch aus js-Perspektive) zum Einbetten in einen Post oder eine Page bereitstellen.

Gibt es in WordPress bessere Optionen und native für das Erstellen von benutzerdefinierten Seiten, wo Sie die vollständige Kontrolle darüber haben, welche CSS- und JS-Dateien in einer Seite enthalten sind?

Solutions Collecting From Web of "Was sind die Optionen zum Ausführen von benutzerdefinierten CSS- und JavaScript-Dateien auf einer Seite?"

Sie können die in WordPress eingebaute functionalität Function Reference/is page benutzen und eine if statement in Ihrer script_enqueue() function in Ihrer functions.php Datei anhängen.

Lesen Sie mehr im Codex:

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

Hier ist ein Beispiel für ein Thema, das ich erstelle:

 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); } 

Diese Dateien werden nur auf diesen beiden Seiten verwendet.