在页面上运行定制的css和javascrip文件有哪些选项？

时间：2015-11-10 作者：mg1075

要在博客帖子或页面中包含自定义css和javascript，一个选项是嵌入jsbin, codepen, 或plunkr 链接在需要包含外部库（如angular）的情况下。js，d3。js等，这些代码编辑器和环境将提供一个很好的沙盒（从css和js的角度）来嵌入帖子或页面。

wordpress是否有更好的选项来创建自定义页面，您可以完全控制页面中包含的css和js文件？

1 个回复
SO网友:Peter Girnus

您可以使用WordPress内置功能Function Reference/is page 并附上if 您的script_enqueue() 在您的functions.php 文件

阅读法典：

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);
    }
这些文件将仅在这两个页面上使用。

标签： pages   css   javascript   小码农  

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中，必须将下面的代码放入函数中。php的子主题，但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它，那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我，放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s