在制作WordPress主题时，如果有一个特定的JavaScript或CSS代码，出现在WordPress的特定页面上，它只会被使用一次。
应该把代码放在哪里？ Style.css还是base.js？
但这样做的成本有点大。
示例1：
示例2：
事实上，我们可以使用WordPress强大的自定义字段，为自定义文章或页面加载实现不同的JavaScript页面。
本文将向你展示：如何使用自定义字段在WordPress上，自定义JavaScript或CSS文件？
如果你能理解，自定义字段的值不像JavaScript和CSS文件那么简单。
WordPress主题怎么添加自定义字段？
打开WordPress主题的header.php文件，找到代码 ▼
<?php wp_head(); ?>
在它之后添加 ▼
<!-- 指定文章页面加载JavaScript/CSS代码 开始 -->
<?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true);
if (!empty($head)) { ?>
<?php echo $head; ?>
<?php } } ?>
<!-- 指定文章页面加载JavaScript/CSS代码 结束 -->
代码中的head是自定义字段的名称，可以自定义。
在WordPress文章或页面添加自定义字段
WordPress后台编辑文章页面的编辑器中，有一个“自定义域”的小窗口。
- 在“名称”处输入：
head - 然后在“值”输入你要添加显示的代码 ▼
由于你只输出“值”中是需要加载的代码，因此需要在“值”中，输入以下类似代码 ▼
<script type="text/javascript">...</script>
或者 ▼
<style type="text/css">...</style>
来输出以上代码。
WordPress自定义字段的其它用途
在理解了上述原则之后，你会发现WordPress自定义字段，不仅可以为自定义页面实现自定义JavaScript或CSS，还可以通过自定义字段实现许多功能，类似于：添加到文章缩略图，文章提示等。
至于要实现的功能如何实现它们，请尝试使用自定义字段。
WordPress如何指定文章标签和分类页眉页脚加载JavaScrip/CSS代码？
WordPress怎么自定义页眉？我们可以通过以下文章说明安装WordPress插件实现添加head代码 ▼
WordPress如何在文章添加head代码?WP插件优化head代码
由于在这篇文章《WordPress怎么自定义页眉？安装WordPress页脚页眉插件》介绍的Header Footer Code Manager插件，目前无法添加PHP代码……因此，在WordPress插件官网搜索，找到了可以在页眉页……
WordPress怎么自定义页眉？安装WordPress页脚页眉插件
有些WordPress的HTML / Javascript / CSS 代码只需在某篇文章或页面中显示，我们可以通过Header Footer Code Manager插件，实现在WordPress指定文章/页面内添加页眉页脚代码。Header Footer……