web-dev-qa-db-fra.com

Quelles sont les options pour exécuter des fichiers css et javascript personnalisés sur une page?

Pour inclure des fichiers CSS et javascript personnalisés dans un article de blog ou une page, une option serait d’incorporer un jsbin , codepen , ou lien plunkr . Dans les cas où vous souhaitiez inclure des bibliothèques externes telles que angular.js, d3.js, etc., ces éditeurs de code et ces environnements fourniraient un sandbox Nice (à la fois du point de vue css et js) à intégrer dans un message ou une page.

Existe-t-il de meilleures options disponibles et natives pour wordpress pour la création de pages personnalisées sur lesquelles vous avez un contrôle total sur les fichiers css et js inclus dans une page?

pagescssjavascript
1
mg1075

Vous pouvez utiliser la fonctionnalité intégrée Function Reference/is page de WordPress et attacher une instruction if dans votre fonction script_enqueue() de votre fichier functions.php.

En savoir plus dans le Codex:

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

Voici un exemple d'un thème que je construis:

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

Ces fichiers ne seront utilisés que sur ces deux pages.

1
Gothburz