WordPress添加自定义CSS代码、JS

方法一：使用主题自定义选项

主题自定义是我们修改主题最常用的方式，其实它本身就提供了一个添加CSS代码的功能

打开WordPress自定义选项，进入主题定制界面，在最底部有一个 额外CSS 的选项

在其中添加自己的CSS代码即可，还支持代码高亮

方法二：使用主题编辑器

打开外观 – 主题编辑器，默认打开的文件就是 style.css，可以直接在这里添加CSS代码，相对来说添加速度更快一些，不过要注意的一点是主题编辑器最好在子主题上操作，避免代码丢失

方法三：添加自定义字段到主题

用你常用的代码编辑器打开你的 WordPress 主题的 header.php文件，找到<?php wp_head(); ?>这句代码，在其后面添加上：

<?php if (is_single() || is_page()) {
    $head = get_post_meta($post->ID, 'head', true); 
    if (!empty($head)) { ?> 
        <?php echo $head; ?> 
<?php } } ?>

在 WordPress 后台编辑文章的页面的编辑器下面，有一个“自定义域”的小窗口，在名称处输入head，在值处输入你要在你所添加位置输出的代码；
点击了添加自定义域之后，更新你的文章就可以在你主题放置代码的地方输入这些自定义域的值了;

由于只是输出“值”里面的所有内容，所以需要自己在“值”里面输入

<script type="text/javascript">...</script>

或者

<style type="text/css">...</style>

来输出代码。